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
À propos Prendre RDV
GOOGLE TAG MANAGER

Comment tracker un formulaire Elementor avec GTM

Tracker un formulaire Elementor Pro avec GTM : submit success, dataLayer, GA4, Ads, Meta et pièges popup/AJAX.

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

Elementor Pro envoie souvent le form en AJAX. Il faut écouter le succès Elementor, pas le clic du bouton.

1. Event de succès

code
jQuery(document).on('submit_success', function(event, formData) {
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    event: 'generate_lead',
    form_name: 'elementor',
    form_id: (formData && formData.id) ? String(formData.id) : 'elementor_form'
  });
});

Selon les versions, l’event peut aussi passer par elementor/popup/hide après submit — validez en Preview.

2. GTM

Custom Event generate_lead → GA4 + Ads + Meta Lead, sous Consent Mode. Voir la méthode universelle.

3. Pièges

  • Popup Elementor fermée sans succès réel

  • Plusieurs forms → distinguer via form_id

  • Double listener theme + snippet

4. Recette

1 envoi = 1 hit DebugView, pas de rejeu au refresh.

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

Besoin d'un accompagnement sur ce sujet ?

Freelance google tag manager
POUR ALLER PLUS LOIN

Articles liés

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
Audit Tracking

Audit des conversions dupliquées Google Ads × Meta : comment les détecter et les corriger

Vos conversions Google Ads et Meta sont-elles comptées deux fois ? Méthode d’audit : pixel + CAPI, Conversion Linker, GTM, et corrections concrètes.

16 Sep. 2026 ·9 min
Google Tag Manager

Comment tracker un formulaire Pardot ?

Apprenez à tracker un formulaire Pardot avec Google Tag Manager et GA4. Méthode fiable pour formulaires iframe et Form Handlers Salesforce Account Engagement.

25 Mar. 2026 ·12 min
Google Tag Manager

Architecture complète tracking SaaS (web + mobile + offline) : le tutoriel ultime (2025)

Le but de ce guide est de te donner l’architecture complète , utilisée par les meilleurs SaaS (Notion, Stripe, Figma, Monday, HubSpot)

12 Nov. 2025 ·21 min
Google Tag Manager

Glossaire Server-Side GTM 2025

Le Server-Side Tagging (SST) avec Google Tag Manager est devenu un pilier du tracking moderne : réduction des pertes de données, meilleures performances

21 Nov. 2025 ·12 min
Google Tag Manager

Comment détecter les faux positifs dans Google Tag Manager (GTM)

Les faux positifs sont l’une des causes les plus fréquentes de données erronées dans Google Tag Manager.

11 Nov. 2025 ·20 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

Pourquoi est-il important de suivre les soumissions de formulaires Elementor ?

Le suivi des soumissions de formulaires Elementor permet d'analyser les conversions, de comprendre le comportement des utilisateurs et d'optimiser les stratégies marketing en fonction des données collectées.

Comment intégrer le suivi des formulaires Elementor avec Google Tag Manager ?

En insérant un écouteur d'événements JavaScript dans une balise HTML personnalisée de Google Tag Manager, vous pouvez détecter les soumissions de formulaires Elementor et transmettre ces données à des outils d'analyse.

Quel code JavaScript utiliser pour écouter les événements de soumission des formulaires Elementor ?

Le code JavaScript suivant écoute l'événement 'submit_success' et pousse un événement 'elementor_form_success' dans le dataLayer : ```html <script> jQuery(document).ready(function($) { jQuery(document).on('submit_success', function() { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': 'elementor_form_success' }); }); }); </script> ```

Comment créer un déclencheur personnalisé dans Google Tag Manager pour les formulaires Elementor ?

Créez un déclencheur d'événement personnalisé nommé 'elementor_form_success' qui s'activera lorsque cet événement sera poussé dans le dataLayer, permettant ainsi d'exécuter des balises marketing spécifiques.

Comment accéder aux données des champs de formulaire dans Google Tag Manager ?

En créant des variables de couche de données (DataLayer Variables) dans GTM, vous pouvez extraire des informations spécifiques des champs de formulaire pour une analyse plus détaillée.

Quelles précautions prendre concernant la confidentialité des données lors du suivi des formulaires ?

Il est essentiel de respecter les réglementations en matière de confidentialité, comme le RGPD, en limitant le suivi aux pages ou utilisateurs pertinents et en informant les utilisateurs de la collecte de leurs données.

Quels outils marketing peuvent être déclenchés suite à une soumission de formulaire Elementor ?

Des balises telles que Google Analytics, Facebook Pixel, Mixpanel ou Piwik Pro peuvent être activées lors de l'événement 'elementor_form_success' pour un suivi et une analyse approfondis.

Comment tester l'implémentation du suivi des formulaires Elementor ?

Utilisez le mode Aperçu de Google Tag Manager pour vérifier que l'événement 'elementor_form_success' est correctement capturé et que les balises associées se déclenchent comme prévu.

Pourquoi est-il recommandé de limiter l'enregistrement des conversions à certaines pages ou utilisateurs ?

Cela permet de garantir la pertinence des données collectées, d'améliorer la précision des analyses et de respecter les préférences des utilisateurs en matière de confidentialité.

Comment puis-je assurer la conformité de mon suivi avec les réglementations en vigueur ?

En configurant correctement votre système de suivi pour qu'il respecte les réglementations telles que le RGPD, en informant les utilisateurs de la collecte de leurs données et en obtenant leur consentement explicite lorsque nécessaire.

Prendre rendez-vous