Le tracking de formulaire est l’exemple parfait du sujet « facile en apparence, fragile en pratique ». GTM propose bien un déclencheur « Envoi de formulaire » natif — et c’est précisément celui qu’il ne faut presque jamais utiliser. Voici comment tracker un formulaire avec GTM proprement, avec la méthode dataLayer que nous déployons sur tous les sites que nous gérons.
Pourquoi les déclencheurs « faciles » finissent par mentir
Trois approches tentantes, trois sources de données fausses :
- Le déclencheur « Envoi de formulaire » natif écoute l’événement submit du navigateur. Or les formulaires modernes (AJAX, React, la plupart des plugins WordPress) court-circuitent cet événement. Pire : il peut se déclencher même quand la validation échoue — vous comptez alors des conversions qui n’existent pas ;
- Le déclencheur « clic sur le bouton » compte des intentions, pas des envois : chaque clic sur un formulaire invalide devient une fausse conversion ;
- La page de remerciement est plus fiable, mais fragile : une refonte qui change l’URL, un formulaire sans redirection, et votre mesure disparaît silencieusement.
La seule source de vérité, c’est le formulaire lui-même : il sait quand l’envoi a réellement réussi. Il suffit de le lui faire dire.
La méthode dataLayer en 3 étapes
Étape 1 : le push dataLayer au succès de l’envoi
Le principe : au moment où le formulaire confirme l’envoi (callback de succès), on pousse un événement dans le dataLayer avec ses informations de contexte :
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'generate_lead',
'form_name': 'contact',
'form_location': 'footer'
});Sur WordPress, chaque grand plugin de formulaire offre son point d’accroche. Exemple avec Contact Form 7, qui émet un événement JavaScript dédié au succès :
document.addEventListener('wpcf7mailsent', function(event) {
dataLayer.push({
'event': 'generate_lead',
'form_name': event.detail.contactFormId
});
});Le point décisif : ce code ne s’exécute que si l’envoi a réussi. Ni clic raté, ni validation échouée, ni double comptage.
Étape 2 : le déclencheur et les variables dans GTM
Dans GTM, créez :
- A déclencheur de type « Événement personnalisé » avec le nom d’événement
generate_lead; - Deux variables de couche de données :
form_nameandform_location, pour récupérer le contexte poussé.
Étape 3 : la balise GA4
Créez une balise « Événement GA4 », nom d’événement generate_lead (nom recommandé par Google pour la génération de leads), avec vos deux variables en paramètres, déclenchée par l’événement personnalisé. Publiez, puis marquez generate_lead comme événement clé dans GA4.
Comparatif des méthodes de tracking de formulaire
| Method | Fiabilité | Faux positifs | Survit aux refontes | Verdict |
|---|---|---|---|---|
| Déclencheur natif GTM | Low | Fréquents | No | À éviter |
| Clic sur le bouton | Very low | Systématiques | No | À proscrire |
| Page de remerciement | Correcte | Rares | Fragile | Acceptable en dépannage |
| Push dataLayer au succès | Excellent | Quasi nuls | Yes | Notre standard |
Valider avant de publier : le mode Aperçu
Jamais de mise en production sans test. Le mode Aperçu de GTM (Tag Assistant) affiche la chronologie des événements pendant que vous soumettez le formulaire : vérifiez que generate_lead apparaît bien, une seule fois, avec les bonnes valeurs de variables — et qu’il n’apparaît pas lors d’un envoi en erreur. Côté GA4, le rapport temps réel confirme la réception. Ce quart d’heure de validation vous épargne des mois de données fausses.
Le réflexe d’agence : documenter le plan de mesure
Un événement non documenté est un événement que la prochaine personne cassera sans le savoir. Nous tenons pour chaque site un plan de mesure d’une page : nom de l’événement, déclencheur, paramètres, emplacement du code, date de mise en place. C’est la différence entre un tracking et une accumulation de balises.
FAQ — vos questions fréquentes
Q. Pourquoi ne pas utiliser le déclencheur « Envoi de formulaire » natif de GTM ?
R. Parce qu’il repose sur l’événement submit du navigateur, que beaucoup de formulaires modernes (AJAX, React, plugins WordPress) n’émettent pas ou détournent. Résultat : des conversions manquées ou comptées à tort, même quand le formulaire affiche une erreur. Le push dataLayer après validation réelle est le seul signal fiable.
Q. Où placer le code dataLayer.push sur un site WordPress ?
R. Dans le callback de succès de votre formulaire. Les principaux plugins offrent un hook : wpforms_frontend_output_success, l’événement JS wpcf7mailsent pour Contact Form 7, ou l’action AJAX de Gravity Forms. L’important est de ne le déclencher qu’après la confirmation d’envoi effective.
Q. Comment vérifier que mon événement fonctionne ?
R. Utilisez le mode Aperçu de GTM (Tag Assistant) : soumettez le formulaire et vérifiez que l’événement apparaît dans la chronologie avec ses variables. Côté GA4, contrôlez dans les rapports en temps réel, puis marquez l’événement comme événement clé une fois validé.
Q. Faut-il un événement différent par formulaire ?
R. Non : un seul événement generate_lead avec un paramètre form_name est plus propre. Vous gardez un tracking unifié et pouvez segmenter par formulaire dans GA4 en enregistrant le paramètre comme dimension personnalisée.
Q. Le tracking de formulaire nécessite-t-il le consentement RGPD ?
R. Oui : l’événement part vers GA4, donc il est soumis au consentement analytics comme le reste de votre mesure. Avec le Consent Mode configuré, l’événement est bloqué ou modélisé selon le choix de l’utilisateur — vos chiffres resteront donc légèrement inférieurs à la réalité.
Conclusion : dix lignes de dataLayer valent mieux que dix déclencheurs fragiles
Le tracking de formulaire est le premier maillon de toute votre mesure : si l’événement de conversion est faux, tous les rapports en aval mentent. La méthode dataLayer demande dix lignes de code, mais elle produit une donnée fiable qui survivra aux refontes. Découvrez notre fiche outil Google Tag Manager pour comprendre notre approche, ou confiez votre plan de mesure à notre digital marketing agency : nous auditons, implémentons et documentons chaque événement.