Comment tracker Contact Form 7 avec GTM
Tracker Contact Form 7 avec GTM : events wpcf7mailsent, dataLayer, multi-forms, GA4, Ads, Meta et checklist de debug.
Dans ce guide
Contact Form 7 reste massif sur WordPress. Le tracking se joue sur les events JS CF7, pas sur un simple clic bouton.
1. Écouter le succès CF7
document.addEventListener('wpcf7mailsent', function(event) {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'generate_lead',
form_name: 'contact_form_7',
form_id: String(event.detail.contactFormId),
form_unit: event.detail.unitTag
});
}, false);
2. GTM
Trigger Custom Event generate_lead → GA4 + Ads + Meta Lead, sous consentement. Filtrez éventuellement sur form_id.
3. Pièges
Convertir sur submit avant validation / captcha.
Deux listeners (theme + plugin) → double hit.
Spam CF7 non filtré → conversions poubelle.
4. Recette
1 envoi test = 1 event. Vérifiez DebugView et l’absence de second hit au resubmit.
Méthode générale : voir le guide tracker un formulaire avec GTM.
Une implémentation plus complexe à discuter ?
Discuter de votre trackingCet enjeu mérite un accompagnement dédié.
Freelance google tag managerArticles liés
Pour aller plus loin sur votre projet
GTM & dataLayer
GTM & dataLayer
Un conteneur mal structuré suffit à fausser vos conversions, votre ROAS et vos arbitrages marketing.
Voir l'expertiseQuestions fréquemment posées
Quel event CF7 utiliser ?
wpcf7mailsent (succès d’envoi) est le plus fiable pour une conversion. Évitez de convertir sur wpcf7submit seul si le mail peut échouer.
Plusieurs formulaires CF7 ?
Passez form_id / form_name depuis detail.contactFormId / unitTag dans le dataLayer pour segmenter les conversions.
CF7 en AJAX ?
Oui, c’est le cas par défaut : d’où l’intérêt de l’event JS plutôt qu’une thank-you page.