Comment tracker un formulaire Cognito ?

Comment tracker un formulaire Cognito ?

Un devis adapté à vos besoins ?

Prendre un RDV

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 :

<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.



Questions fréquemment posées sur le sujet

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.

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.

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> ```

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.

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.

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.

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.

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.

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.

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.




Besoin d'optimiser votre tracking ?

Prendre un RDV

Services et prestations

Un bon suivi de site web permet d'identifier les pages et les éléments qui convertissent le mieux les visiteurs en clients ou prospects.

Détail de l'offre

➕ Mise en place de l'architecture server-side
➕ Transfert des tags et pixels existants
➕ Amélioration de la rapidité de chargement
➕ Gestion des cookies et des AdBlockers
➕ Vérifications et tests pour garantir la fiabilité
➕ Formation GTM Server Side
➕ Validation des compétences GTM server-side

Délais

Entre 1 et 5 jours

Pricing

Détail de l'offre

➕ Exploration détaillée de vos données
➕ Paramétrage sur mesure de Google Analytics 4
➕ Intégration fluide avec vos outils actuels
➕ Dimensions personnalisées adaptées à votre business
➕ Formation Google Analytics 4

Délais

Entre 1 et 3 jours

Pricing

Détail de l'offre

➕ Choix de la CMP
➕ Paramétrage de la CMP
➕ Listing et classification des cookies
➕ Implémentation de Google Consent Mode v2
➕ Assurance de la conformité aux réglementations CNIL et RGPD
➕ Formation

Délais

Entre 1 et 3 jours

Pricing

Détail de l'offre

➕ Automatisation des dashboards
➕ Dashboard personnalisés
➕ Mise en forme ergonomique et pratique
➕ Données en temps réel
➕ Compatible tous device
➕ Validation de vos compétences Looker Studio

Délais

Entre 1 et 10 jours

Pricing

Articles qui peuvent t'intéresser