.svg){kind=small}
.avif)
**Résumé de l'article : Suivi des formulaires avec Google Tag Manager et Google Analytics 4: 7 méthodes** **Mis à jour : le 13 septembre 2024** Le suivi des formulaires est un sujet brûlant parmi les marketeurs, mais il peut devenir complexe, surtout sans connaissance de CSS ou HTML. Pas de panique ! Cet article présente sept techniques pour suivre les soumissions de formulaires avec Google Tag Manager (GTM) et Google Analytics 4 (GA4). **Contexte de base** Il existe diverses formes de formulaires sur Internet, certains se rafraîchissent après soumission, d'autres non. Le "Form Submission Trigger" de GTM peut ne pas toujours fonctionner, notamment avec les formulaires AJAX. Cet article explore des méthodes standard et des solutions de contournement pour ces situations. **Les Méthodes :** 1. **Google Tag Manager Form Submission Trigger** : Activer les variables de formulaire intégrées et vérifier l'efficacité du trigger dans le mode aperçu. 2. **Suivi de la Page "Thank You" avec GTM** : Configurer un trigger de "pageview" unique pour suivre les soumissions redirigeant vers une page dédiée. 3. **Suivi des soumissions AJAX avec GTM** : Utiliser un listener AJAX personnalisé pour capter les événements de soumission. 4. **Suivi des soumissions avec l'Element Visibility Trigger** : Tracker quand un message de succès apparaît à l'écran. 5. **Écrire son propre Listener d'Auto-Événement** : Créer un listener personnalisé si aucune autre méthode ne fonctionne. 6. **Suivi des formulaires avec des événements dataLayer** : Demander aux développeurs d'ajouter un `dataLayer.push` après une soumission de formulaire réussie. 7. **Suivi des soumissions par scraping DOM** : Utiliser des variables DOM pour extraire les messages de succès directement du
Suivi des formulaires avec Google Tag Manager et GA4: 7 techniques
Mis à jour : 13 septembre 2024
Le suivi des formulaires est un sujet essentiel pour les marketeurs, mais il peut devenir vraiment complexe, surtout si vous n'avez pas de connaissances en CSS ou HTML. Pas de souci ! Cet article présente sept techniques pour suivre les soumissions de formulaires avec Google Tag Manager (GTM) et Google Analytics 4 (GA4).
Il existe divers types de formulaires : certains se rafraîchissent après soumission, d'autres redirigent vers une page de remerciement. Le "Form Submission Trigger" de GTM ne fonctionne pas toujours, en particulier avec les formulaires AJAX. Cet article explore des méthodes standards et des solutions pour ces situations.
Méthode 1. Google Tag Manager Form Submission Trigger
Essayons d'abord l'auditeur de formulaire intégré de GTM. Ouvrez la liste des Variables dans GTM. Par défaut, les variables de formulaire sont désactivées. Activez-les. Ensuite, créez un nouveau trigger avec les paramètres appropriés et testez dans le mode aperçu de GTM.
Ensuite, vérifiez si l'auditeur de formulaire fonctionne correctement en soumettant un formulaire dans le mode aperçu. Si les événements "Form Submit" apparaissent comme prévu, c'est parfait ; sinon, passez à la méthode suivante.
Personnalisez votre trigger en ajoutant des conditions spécifiques pour le formulaire particulier, comme le Form ID. Vous pouvez ensuite utiliser ces informations pour créer des tags dans GA4.
Méthode 2. Suivi de la Page de Remerciement avec GTM
Si l'auditeur intégré de GTM ne fonctionne pas, voyez si le formulaire redirige l'utilisateur vers une page de remerciement. Créez un trigger de "pageview" pour cette page spécifique dans GTM. Cela permet de suivre facilement les soumissions de formulaires redirigés.
N'oubliez pas de tester dans le mode aperçu de GTM et de vérifier les données dans GA4.
Méthode 3. Suivi des Formulaires AJAX avec GTM
Pour les formulaires utilisant AJAX, utilisez un listener AJAX personnalisé. Copiez le code AJAX listener et l’ajoutez dans une balise HTML personnalisée dans GTM. Testez ensuite en soumettant le formulaire pour voir l’événement "ajaxComplete" dans le mode aperçu de GTM.
Ajoutez un déclencheur personnalisé basé sur la réponse AJAX pour suivre les soumissions réussies.
Méthode 4. Suivi des Soumissions avec l'Element Visibility Trigger
L'Element Visibility Trigger permet de suivre quand un message spécifique apparaît à l'écran. Inspectez l’élément du message de réussite, puis créez un trigger basé sur le sélecteur CSS de ce message. Cette méthode est utile pour suivre les messages de réussite sans redirection de page.
Méthode 5. Écrire son Propre Listener d'Auto-Événement
Lorsque les autres méthodes échouent, vous pouvez écrire un listener d'auto-événement personnalisé. Cette méthode nécessite quelques connaissances en code, mais peut être une solution efficace pour les formulaires très personnalisés.
Méthode 6. Suivi des Formulaires avec des Événements dataLayer
Cette méthode robuste demande de l’aide de développeurs pour ajouter des événements `dataLayer.push` après une soumission réussie de formulaire. Préparez une tâche pour le développeur, en spécifiant les événements et paramètres nécessaires. Testez ensuite en mode aperçu de GTM pour vérifier le bon fonctionnement.
Méthode 7. Suivi des Soumissions par Scraping DOM
Utilisez cette méthode en dernier recours. Avec la variable DOM dans GTM, vous pouvez extraire directement les messages de réussite du DOM de la page. Cette méthode est sensible aux changements dans le site web et nécessite des connaissances en JavaScript.
Testez toujours vos implémentations dans le mode aperçu de GTM et dans GA4 pour vous assurer que tout fonctionne correctement.
Conclusion
Dans cet article, nous avons exploré plusieurs méthodes pour suivre les soumissions de formulaires avec Google Tag Manager. Certaines options nécessitent l’aide de développeurs, mais d’autres peuvent être mises en place indépendamment. Le choix d’une méthode robuste doit être une priorité pour des données précises et fiables.
Si vous avez des questions ou des aspects spécifiques de suivi de formulaires à clarifier, n’hésitez pas à les partager dans les commentaires !
