Comment tracker un Contact form 7 ?

Comment tracker un Contact form 7 ?

Pour suivre les conversions des formulaires Contact Form 7 (Wordpress) avec Google Tag Manager, il vous suffit de copier le code de l’event listener ci-dessous et de le coller dans une balise HTML personnalisée dans GTM, puis de l’associer à un déclencheur de type PageView.

Scripts à copier coller

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
   window.dataLayer.push({
      "event" : "contact_form_success",
      "form_id" : event.detail.contactFormId,
      "inputs" : event.detail.inputs
   })
}); 
</script>

Ensuite, créez un déclencheur personnalisé dans GTM de type Événement personnalisé avec le nom contact_form_success. Ce déclencheur servira à activer vos balises marketing, telles que Google Analytics, Facebook Pixel, Mixpanel ou Piwik Pro.

Assurez-vous également que votre mise en œuvre respecte les réglementations en matière de confidentialité. En utilisant des conditions de déclenchement dans GTM, vous pouvez limiter l’enregistrement des conversions à certaines pages, certains identifiants de formulaire ou types d’utilisateurs spécifiques.

💡 Astuce : Pour accéder aux données des champs, créez une variable de couche de données (DataLayer Variable) dans GTM.

Voir notre guide sur tracking server-side. Voir notre guide sur Augmenter Durée de Vie Cookies. Voir notre guide sur Plan de Taggage.

Questions fréquemment posées sur le sujet

Le suivi des soumissions de formulaires Contact Form 7 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 dans une balise HTML personnalisée de Google Tag Manager, vous pouvez détecter les soumissions de formulaires Contact Form 7 et transmettre ces données à des outils d'analyse.

Le code JavaScript suivant écoute l'événement 'wpcf7mailsent' et pousse un événement 'contact_form_success' dans le dataLayer avec l'ID du formulaire soumis et les entrées du formulaire : ```html <script> document.addEventListener('wpcf7mailsent', function(event) { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': 'contact_form_success', 'form_id': event.detail.contactFormId, 'inputs': event.detail.inputs }); }); </script> ```

Créez un déclencheur d'événement personnalisé nommé 'contact_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 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 pages ou utilisateurs pertinents et en informant les utilisateurs de la collecte de leurs données.

Des balises telles que Google Analytics, Facebook Pixel, Mixpanel ou Piwik Pro peuvent être activées lors de l'événement 'contact_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 'contact_form_success' est correctement capturé et que les balises associées se déclenchent comme prévu.

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 configurant correctement votre système de suivi pour qu'il respecte les réglementations telles que le RGPD, en informant les utilisateurs de la collecte de leurs données et en obtenant leur consentement explicite lorsque nécessaire.

Besoin d'un audit tracking ?

Prendre un RDV

Services et prestations

Des données fiables pour piloter vos campagnes. Conformité, attribution, reporting — je mets en place le tracking fiable.

Articles qui peuvent t'intéresser