GTM

Tracker un formulaire de contact Wordpress Contact Form 7

source : GTM : suivre les soumissions de formulaires Contact Form 7 avec Google Tag Manager (opens new window)

Contact Form 7 est un plugin Wordpress très populaire pour créer des formulaires de contact.

Détecter l’emploi de Contact Form 7

Pour vérifier si un formulaire utilise ce plugin, inspecter le code du formulaire

Si le formulaire est créé à l'aide de Contact Form 7, de nombreux élément portent des classes contenant “wpcf7” :

Créer le déclencheur

Pour commencer, créer une balise de type HTML Personnalisé contenant le code suivant :

CODE

<script> document.addEventListener('wpcf7mailsent', function(ev){ window.dataLayer.push({ "event" : "form_submit", }) }); </script>

Cette balise va “convertir” l’évènement d’envoi en un événement personnalisé GTM “form_submit” que nous pourrons utiliser comme déclencheur. Il faut poser cette balise sur toutes les pages avec le déclencheur “All Pages”.

Nous devons donc créer un déclencheur Événement personnalisé avec le nom d’évènement form_submit pour notre évènement d’envoi :

Et voilà ! Vous pouvez maintenant utiliser ce déclencheur pour vos balises !