Comment tracker un formulaire Webflow ?

Comment tracker un formulaire Webflow ?

Un devis adapté à vos besoins ?

Prendre un RDV

Pour suivre les conversions des formulaires Webflow 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.

<script type="text/javascript">
   $("form").submit(function(event) {
      var formID = $(this).attr('id');
      dataLayer.push({
         'event': 'webflow_form_success',
         'form_id': formID
      });
   });
</script>

Ensuite, créez un déclencheur personnalisé dans GTM de type Événement personnalisé avec le nom webflow_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.



Questions fréquemment posées sur le sujet

Le suivi des soumissions de formulaires Webflow 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 Webflow et transmettre ces données à des outils d'analyse.

Le code JavaScript suivant écoute les soumissions de formulaires et pousse un événement 'webflow_form_success' dans le dataLayer avec l'ID du formulaire soumis : ```html <script type="text/javascript"> $("form").submit(function(event) { var formID = $(this).attr('id'); dataLayer.push({ 'event': 'webflow_form_success', 'form_id': formID }); }); </script> ```

Créez un déclencheur d'événement personnalisé nommé 'webflow_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 'webflow_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 'webflow_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'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