Comment tracker un formulaire Typeform ?

Améliorez vos analyses marketing grâce aux données de conversion Typeform. Utilisez des formulaires Typeform intégrés pour engager votre audience et générer des leads. Vous pouvez facilement suivre les soumissions réussies de formulaires comme des conversions, et les changements d'étapes du formulaire comme des interactions, en utilisant Google Tag Manager (GTM) et ce code de gestionnaire d'événements Typeform.

Scripts à copier coller

Commencez par créer une balise personnalisée de type HTML où vous pourrez coller le code de l'event listener ci dessous :

<script>
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var eventer = window[eventMethod];
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";

eventer(messageEvent,function(e) {
   var key = e.message ? "message" : "data";
   var data = e[key];

   if(data.type == "form-submit"){
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
         'event': 'typeform_success',
         'form_id': data.formId
      });
   }

   else if (data.type == "form-screen-changed") {
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
         'event': 'typeform_step',
         'form_id': data.formId,
         'step': data.ref
      });
   }

},false);
</script>

Une fois implémenté, ce code génère un événement dans le dataLayer lorsqu’un utilisateur soumet avec succès un formulaire Typeform, avec le nom d’événement typeform_success.

Lorsque l’utilisateur passe ou revient à une autre étape dans un formulaire, un événement nommé typeform_step est déclenché.

Pour permettre le déclenchement de vos balises/pixels marketing, vous devez créer deux déclencheurs d'événements personnalisés en utilisant les noms d'événements de conversion et de changement d'étape :

• typeform_success -> Pour les soumissions réussies de formulaires.

• typeform_step -> Pour les changements d’étapes dans le formulaire.

Pour affiner davantage vos conditions de déclenchement ou capturer des détails du formulaire tels que l’ID du formulaire et la référence de l’étape, vous pouvez utiliser les variables suivantes du dataLayer comme paramètres d’événement :

• form_id -> Retourne l’ID du formulaire Typeform.

• step -> Retourne la référence de l’étape dans le formulaire.

Voir notre guide sur tracking server-side. Voir notre guide sur tracker formulaire Webflow ?. Voir notre guide sur tracker formulaire Elementor wordpress ?.