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.
Dans ce guide
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
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 trackingBesoin d'un accompagnement sur ce sujet ?
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
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.