Accueil
Expertises Toutes les expertises Server-side GTM & dataLayer Analytics Conversion API Data Warehouse
Cas clients Tous les cas clients E-commerce SaaS Apps mobiles Lead generation
Ressources Toutes les ressources Google Tag Manager Mobile App Tracking RGPD & Consent Mode Google Analytics (GA4) Server-side tracking
Outils gratuits Tous les outils Diagnostic server-side Générateur de plan de tracking
À propos Prendre RDV
GOOGLE TAG MANAGER

Comment tracker Contact Form 7 avec GTM

Tracker Contact Form 7 avec Google Tag Manager : soumissions et conversions. Guide complet Dataheka pour un tracking WordPress fiable vers GA4/Ads Guide Datahek

· 8 min de lecture
Dans ce guide
  1. 1. Écouter le succès CF7
  2. 2. GTM
  3. 3. Pièges
  4. 4. Recette

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

code
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 tracking
Christophe Dubois
Christophe Dubois

Consultant tracking & data, freelance senior depuis 2012. Architecture de mesure, server-side, attribution.

Remonter en haut

Cet enjeu mérite un accompagnement dédié.

Freelance google tag manager
POUR ALLER PLUS LOIN

Articles liés

Server side Tracking

Piwik PRO : Mesure Hybride (First-Party Collector) et Installation avec GTM

Ce que signifie réellement la mesure hybride chez Piwik PRO, son Consent Manager intégré et son intégration Google Consent Mode, sa grille tarifaire réelle, et les templates GTM officiels.

12 Jun. 2026 ·11 min
Google Tag Manager

Comment Mettre en Place le Suivi Matomo avec Google Tag Manager (Client-Side)

Mettre en place le tracking Matomo côté client avec GTM : la balise HTML personnalisée pour le self-hosted, le consentement natif Matomo, l'e-commerce et les dimensions personnalisées.

23 Sep. 2025 ·11 min
Google Tag Manager

Comment Tracker une Iframe avec Google Tag Manager

Comment tracker une iframe avec GTM malgré la same-origin policy : la méthode postMessage, les cas Calendly et Typeform, et le choix entre un ou deux conteneurs GTM.

06 Apr. 2026 ·9 min
Server side Tracking

Google Tag Gateway (GTG) : Fonctionnement, Interet et Limites

Google Tag Gateway expliqué : first-party serving via Cloudflare, Akamai ou Fastly, différence réelle avec le server-side GTM, mise en place et le point de vigilance RGPD sur le consentement.

14 Jul. 2026 ·9 min
Google Tag Manager

Comment Installer Google Tag Manager sur Ecwid : Guide Complet

Installer Google Tag Manager sur Ecwid : connexion native, piège de l'iframe, et événements e-commerce réels (achat, panier) avec la JS API storefront.

08 Jun. 2026 ·13 min
RGPD - Consent Mode

Consent Mode v2 sur WooCommerce : CMP, GTM et conversions

Consent Mode v2 sur WooCommerce : CMP, GTM Consent Initialization, tags GA4/Ads, et comment éviter de tuer vos conversions.

16 Sep. 2026 ·9 min
Audit Tracking

Auditer le tracking PrestaShop : conversions, funnels et ROAS faussés

Audit tracking PrestaShop : plugins vs GTM, écarts commandes/GA4/Ads, Consent Mode, funnels et plan de correction ROAS.

16 Sep. 2026 ·10 min
Audit Tracking

Auditer le tracking Shopify : pourquoi vos achats remontent mal

Audit tracking Shopify : écarts achats vs GA4/Ads/Meta, pixels doublons, checkout, Consent Mode et plan de correction actionnable.

16 Sep. 2026 ·10 min
Google Tag Manager

Comment tracker un formulaire Brevo (ex-Sendinblue) avec GTM

Tracker un formulaire Brevo avec GTM : script MutationObserver sur #success-message, dataLayer generate_lead, Element Visibility et pièges iframe.

16 Sep. 2026 ·9 min
Paid Acquisition

TikTok Pixel & Events API : implémentation avec GTM (web + server-side)

Installer TikTok Pixel et Events API via GTM : events ecom/lead, event_id pour dédup, server-side et checklist de debug TikTok.

16 Sep. 2026 ·11 min
Google Tag Manager

Installer Google Tag Manager sur WooCommerce (guide complet)

Installer GTM sur WooCommerce : dataLayer e-commerce, events GA4, Consent Mode, pièges plugins et checklist pour des achats fiables.

16 Sep. 2026 ·12 min
Google Tag Manager

Comment tracker un formulaire avec GTM (méthode universelle)

Méthode universelle pour tracker un formulaire avec GTM : dataLayer, submit vs thank-you, GA4, Ads, Meta, déduplication et checklist de recette.

16 Sep. 2026 ·11 min
SERVICES ASSOCIÉS

Pour aller plus loin sur votre projet

EXPERTISE ASSOCIÉE

GTM & dataLayer

GTM & dataLayer

Un conteneur mal structuré suffit à fausser vos conversions, votre ROAS et vos arbitrages marketing.

Voir l'expertise
FAQ

Questions 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.

Prendre rendez-vous