Comment tracker un formulaire Cognito ?
Tracker un formulaire Cognito Forms avec GTM : soumissions et dataLayer. Guide Dataheka pour mesurer les leads Cognito dans GA4 et vos campagnes guide pratique.
Dans ce guide
Dans votre plateforme d'analyse et de publicité, vous pouvez mesurer les soumissions réussies de formulaires Cognito comme des conversions. Cela est possible en utilisant Google Tag Manager en combinaison avec l'event listener Cognito ci-dessous :
Scripts à copier coller
<script>
Cognito.on('beforeSubmit', function(event) {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'cognito_form_submit_button',
'form_id': event.data.entry.Form.Id,
'form_name': event.data.entry.Form.Name,
'email': event.data.entry.Email,
'name': event.data.entry.Name,
'phone': event.data.entry.Phone
});
});
Cognito.on('beforeSubmit', function(event) {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'cognito_form_success',
'form_id': event.data.entry.Form.Id,
'form_name': event.data.entry.Form.Name,
'email': event.data.entry.Email,
'name': event.data.entry.Name,
'phone': event.data.entry.Phone
});
});
</script>Cela vous permet de suivre spécifiquement les soumissions réussies comme des conversions dans vos outils d'analyse, y compris des plateformes comme Google Analytics (GA4), Piwik Pro, et votre plateforme publicitaire de choix.
Avant de plonger dans les instructions sur l'utilisation de l'event listener Cognito dans Google Tag Manager, il est important de noter que le code JavaScript fonctionne parfaitement pour les formulaires Cognito intégrés. Une approche alternative est nécessaire si vous utilisez l'intégration via iframe.
Le processus d'implémentation est simple et commence par la création d'une balise HTML personnalisée dans Google Tag Manager. Copiez le code du event listener Cognito, collez-le dans la balise, et associez-y un déclencheur de type "PageView" ou "DOM-ready".
L'étape suivante consiste à créer un déclencheur d'événement personnalisé qui se déclenche exclusivement lors de soumissions réussies de formulaires, avec le nom d'événement cognito_form_success.
L'événement du dataLayer génère également un événement nommé cognito_form_submit_button, déclenché après que l’utilisateur ait cliqué sur le bouton “Submit” mais avant que le formulaire ne soit envoyé aux serveurs Cognito. Cela offre une méthode alternative pour suivre les soumissions réussies ainsi que les soumissions de formulaires Cognito contenant des erreurs.
Ensuite, créez des variables du dataLayer pour capturer les informations suivantes disponibles dans chaque push du dataLayer :
[form_id] –> Collecte l’ID du formulaire Cognito.
[form_name] –> Capture le nom du formulaire Cognito.
[email] –> Stocke l'email fourni par l’utilisateur lors de la soumission du formulaire.
[name] –> Permet d’accéder au nom (prénom, nom de famille, etc.) fourni, à condition que le champ existe et ait été rempli par l’utilisateur au moment de la soumission.
[phone] –> Stocke le numéro de téléphone fourni par l’utilisateur lors de la soumission du formulaire.
Ensuite, vous pouvez activer vos balises/pixels de conversion marketing via l'événement personnalisé que vous avez créé pour les soumissions réussies de formulaires Cognito cognito_form_success.
De plus, implémentez vos balises d’événements et de conversions d’analyse, telles que les balises d’événements Google Analytics (GA4), Piwik Pro, Mixpanel, les pixels Google Ads, les balises LinkedIn Insight, le pixel Meta, etc.
Assurez-vous de tester minutieusement votre configuration avant de la finaliser et de la publier.
Voir notre guide sur tracking server-side. Voir notre guide sur tracker formulaire Webflow ?. Voir notre guide sur tracker formulaire Elementor wordpress ?.
Une implémentation plus complexe à discuter ?
Discuter de votre tracking
Consultant tracking & data, freelance senior depuis 2012. Architecture de mesure, server-side, attribution.
Un projet similaire à cadrer ? Parlons-en.
Freelance google tag managerArticles liés
Pour aller plus loin sur votre projet
GTM & dataLayer
GTM & dataLayer
Un conteneur mal structuré suffit à fausser vos conversions, votre ROAS et vos arbitrages marketing.
Voir l'expertiseQuestions fréquemment posées
Pourquoi est-il important de suivre les soumissions de formulaires Cognito ?
Le suivi des soumissions de formulaires Cognito permet d'analyser les conversions, de comprendre le comportement des utilisateurs et d'optimiser les stratégies marketing en fonction des données collectées.
Comment intégrer le suivi des formulaires Cognito avec Google Tag Manager ?
En insérant un écouteur d'événements JavaScript spécifique dans une balise HTML personnalisée de Google Tag Manager, vous pouvez détecter les soumissions de formulaires Cognito et transmettre ces données à des outils d'analyse.
Quel code JavaScript utiliser pour écouter les événements de soumission des formulaires Cognito ?
Le code JavaScript suivant écoute les événements 'beforeSubmit' de Cognito Forms et pousse un événement 'cognito_form_success' dans le dataLayer avec les informations du formulaire soumis : ```html <script> Cognito.on('beforeSubmit', function(event) { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': 'cognito_form_success', 'form_id': event.data.entry.Form.Id, 'form_name': event.data.entry.Form.Name, 'email': event.data.entry.Email, 'name': event.data.entry.Name, 'phone': event.data.entry.Phone }); }); </script> ```
Comment créer un déclencheur personnalisé dans Google Tag Manager pour les formulaires Cognito ?
Créez un déclencheur d'événement personnalisé nommé 'cognito_form_success' qui s'activera lorsque cet événement sera poussé dans le dataLayer, permettant ainsi d'exécuter des balises marketing spécifiques.
Comment accéder aux données des champs de formulaire dans Google Tag Manager ?
En créant des variables de couche de données (DataLayer Variables) dans GTM, vous pouvez extraire des informations spécifiques des champs de formulaire, telles que 'form_id', 'form_name', 'email', 'name' et 'phone', pour une analyse plus détaillée.
Quelles précautions prendre concernant la confidentialité des données lors du suivi des formulaires ?
Il est essentiel de respecter les réglementations en matière de confidentialité, comme le RGPD, en limitant le suivi aux données nécessaires, en informant les utilisateurs de la collecte de leurs informations et en obtenant leur consentement explicite lorsque nécessaire.
Quels outils marketing peuvent être déclenchés suite à une soumission de formulaire Cognito ?
Des balises telles que Google Analytics (GA4), Piwik Pro, Mixpanel, les pixels Google Ads, les balises LinkedIn Insight ou le pixel Meta peuvent être activées lors de l'événement 'cognito_form_success' pour un suivi et une analyse approfondis.
Comment tester l'implémentation du suivi des formulaires Cognito ?
Utilisez le mode Aperçu de Google Tag Manager pour vérifier que l'événement 'cognito_form_success' est correctement capturé et que les balises associées se déclenchent comme prévu. Effectuez des tests de soumission de formulaires pour vous assurer que les données sont correctement transmises.
Pourquoi est-il recommandé de limiter l'enregistrement des conversions à certaines pages ou utilisateurs ?
Cela permet de garantir la pertinence des données collectées, d'améliorer la précision des analyses et de respecter les préférences des utilisateurs en matière de confidentialité, en évitant de collecter des informations non nécessaires.
Comment puis-je assurer la conformité de mon suivi avec les réglementations en vigueur ?
En configurant correctement votre système de suivi pour qu'il respecte les réglementations telles que le RGPD, en informant clairement les utilisateurs de la collecte de leurs données, en obtenant leur consentement explicite lorsque nécessaire et en mettant en place des mesures de sécurité appropriées pour protéger les informations collectées.