Comment tracker un funnel via ClickFunnel ?

Améliorez le suivi des conversions dans votre funnel ClickFunnels en utilisant Google Tag Manager (GTM) et des scripts personnalisés pour capturer des interactions clés. Vous pourrez suivre chaque étape du funnel, les clics sur des boutons, et les données de transaction, le tout centralisé dans vos outils d'analyse (Google Analytics, Meta Pixel, LinkedIn Insight Tag, etc.). Voir notre guide sur Comment Tracker avec Google. Voir notre guide sur tracker Gravity Form de Wordpress.

Étape 1 : Configurer Google Tag Manager dans ClickFunnels

1. Insérez le conteneur GTM dans ClickFunnels :

• Ouvrez l'éditeur ClickFunnels.

• Accédez à Paramètres > Suivi des codes pour chaque étape du funnel.

• Collez le script GTM dans la section Header Code : Voir notre guide sur consultant tracking.

<!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXXXX'); </script> <!-- End Google Tag Manager -->

1. Vérifiez l'intégration :

   • Activez le mode de prévisualisation dans GTM pour vérifier que le conteneur est bien chargé.

Étape 2 : Capturer les événements des étapes du funnel avec des scripts personnalisés

Pour suivre précisément les interactions, utilisez des scripts personnalisés dans GTM qui ajoutent des données spécifiques au dataLayer. Voici quelques scripts essentiels :

a) Script pour les vues de page (étapes du funnel)

Ajoutez ce script pour envoyer un événement à chaque étape du funnel :

window.dataLayer = window.dataLayer || []; 
dataLayer.push({ 
  event: 'page_view', 
  funnelStep: window.location.pathname, 
  funnelTitle: document.title 
});

• funnelStep : Capturera le chemin de l’URL de l’étape actuelle.

• funnelTitle : Enverra le titre de la page pour plus de contexte.

b) Script pour les clics sur les boutons du funnel

Pour suivre les clics sur des boutons clés (ex. : boutons d'achat ou de validation), utilisez le code suivant :

document.querySelectorAll('button').forEach(function(button) { 
   button.addEventListener('click', function() { 
      dataLayer.push({ 
         event: 'button_click', 
         buttonText: button.innerText, 
         funnelStep: window.location.pathname 
      }); 
   }); 
});

Ce script capture :

• buttonText : Le texte du bouton cliqué.

• funnelStep : L’étape du funnel où le clic a eu lieu.

c) Script pour les soumissions de formulaires

Suivez les soumissions réussies des formulaires avec ce script :

document.querySelectorAll('form').forEach(function(form) { 
   form.addEventListener('submit', function() { 
      dataLayer.push({ 
         event: 'form_submission', 
         funnelStep: window.location.pathname, 
         formID: form.getAttribute('id') || 'unknown_form' 
      }); 
    }); 
});

d) Script pour capturer des données de transaction

Si votre étape de confirmation de commande (Thank You page) contient des détails sur la transaction, utilisez ce script pour envoyer les données au dataLayer :

window.dataLayer = window.dataLayer || []; 
dataLayer.push({ 
   event: 'transaction', 
   transactionValue: document.querySelector('.order-value').innerText || 0, 
   transactionID: document.querySelector('.order-id').innerText || 'unknown', 
   funnelStep: 'thank_you' 
});

Remplacez les sélecteurs .order-value et .order-id par ceux spécifiques à votre page ClickFunnels.

Étape 3 : Créer des balises dans GTM

Une fois les scripts en place, configurez vos balises pour envoyer les données aux outils d'analyse.

a) Balises Google Analytics GA4

• Type de balise : Google Analytics GA4 Event.

• Nom de l'événement : page_view, button_click, form_submission, ou transaction.

• Paramètres personnalisés :

  • Associez funnelStep, buttonText, ou transactionValue comme paramètres d'événement.

b) Pixels publicitaires (ex. : Meta Pixel)

• Type de balise : HTML personnalisé.

fbq('track', 'Purchase', { value: {{transactionValue}}, currency: 'USD' });

Étape 4 : Test et validation

1. Mode de prévisualisation :

   • Testez vos balises et déclencheurs dans GTM pour vérifier qu'ils fonctionnent comme prévu.

2. Débogage dans les outils d'analyse :

   • Confirmez que les événements et paramètres personnalisés apparaissent dans Google Analytics ou Meta Business Suite.

Étape 5 : Optimisation continue

1. Ajoutez des données personnalisées au besoin.

2. Analysez les performances des étapes du funnel.

3. Ajustez vos campagnes publicitaires en fonction des conversions mesurées.

Avec ces scripts et balises, vous disposerez d’un suivi complet et avancé de votre funnel ClickFunnels, optimisé pour des analyses approfondies et des campagnes publicitaires efficaces. 🎯

Christophe Dubois

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