Declencheur : Form Submission

Ce qu'on va faire sur cette page

Le declencheur Form Submission capture les soumissions de formulaires HTML natifs (ceux qui utilisent <form> avec un submit). On va tester avec un vrai formulaire.

  1. Ouvrir GTM Preview
  2. Remplir et soumettre le formulaire ci-dessous
  3. Observer l'event "Form Submit" dans le Summary
  4. Regarder les variables Form Element, Form ID, Form Classes, Form Target
  5. Creer un trigger Form Submission avec filtre sur Form ID

Formulaire HTML natif - soumission classique

Variables Form dans GTM
// Variables disponibles dans GTM pour un Form Submit :

Form Element  -> L'element <form> complet
Form ID       -> "demo-contact-form"
Form Classes  -> "demo-form"
Form Target   -> L'attribut target du form
Form URL      -> L'attribut action du form
Form Text     -> Le texte dans le form (rarement utile)

// Trigger recommande :
// Type : Form Submission
// Condition : Form ID egale "demo-contact-form"

Limites du trigger Form Submission

Ce trigger ne fonctionne que pour les formulaires HTML natifs qui utilisent un vrai <form submit>. Les formulaires AJAX (React, Vue, ou les formulaires qui envoient les donnees en JS sans recharger la page) ne declenchent PAS ce trigger. Pour ceux-la, il faut utiliser un Custom Event.

Voir la demo Form AJAX →