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.).
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 :
<!-- 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 -->
Vérifiez l'intégration :
Activez le mode de prévisualisation dans GTM pour vérifier que le conteneur est bien chargé.
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 :
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.
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.
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'
});
});
});
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.
Une fois les scripts en place, configurez vos balises pour envoyer les données aux outils d'analyse.
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.
Type de balise : HTML personnalisé.
fbq('track', 'Purchase', { value: {{transactionValue}}, currency: 'USD' });
Mode de prévisualisation :
Testez vos balises et déclencheurs dans GTM pour vérifier qu'ils fonctionnent comme prévu.
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.
Ajoutez des données personnalisées au besoin.
Analysez les performances des étapes du funnel.
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. 🎯