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.