Google Tag Manager (GTM) est l’outil indispensable de tout media buyer. Il te permet de gerer tous tes pixels de tracking, tes evenements de conversion et tes balises analytics depuis une seule interface, sans toucher au code de ton site. Dans ce tutoriel, je t’explique comment le configurer de A a Z pour le media buying.
Etape 1 : Creer et installer Google Tag Manager
Commence par te rendre sur tagmanager.google.com et cree un compte si tu n’en as pas deja un. Clique sur « Creer un compte », donne-lui le nom de ton entreprise ou de ton client, et cree un conteneur de type « Web ».
Une fois le conteneur cree, GTM te fournit deux extraits de code a installer sur ton site. Le premier va dans la balise <head> de toutes les pages, le deuxieme juste apres l’ouverture de la balise <body>.
Si tu utilises WordPress, le plus simple est d’utiliser un plugin comme « GTM4WP » (Google Tag Manager for WordPress). Il te suffit d’entrer ton ID de conteneur (GTM-XXXXXXX) et le plugin s’occupe de l’installation. Si tu utilises Shopify, va dans Online Store > Themes > Edit code et ajoute les snippets dans le fichier theme.liquid.
Verification : Apres l’installation, utilise l’extension Chrome « Tag Assistant » pour verifier que GTM se charge correctement sur toutes les pages de ton site.
Etape 2 : Installer le pixel Meta (Facebook) via GTM
C’est la premiere balise que tout media buyer devrait configurer. Voici comment faire :
Creer la balise de base du pixel :
- Dans GTM, clique sur « Balises » puis « Nouvelle »
- Choisis le type « HTML personnalise »
- Colle le code de base du pixel Meta que tu trouves dans ton Business Manager (Events Manager > Data Sources > ton pixel > Settings)
- En declencheur, selectionne « All Pages » (toutes les pages)
- Nomme ta balise « Meta Pixel – Base Code »
- Enregistre
Le code ressemble a quelque chose comme ca :
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'TON_PIXEL_ID');
fbq('track', 'PageView');
</script>Remplace ‘TON_PIXEL_ID’ par ton veritable ID de pixel Meta.
Etape 3 : Configurer le tracking des evenements
Le pixel de base track les pages vues, mais pour le media buying, tu as besoin de tracker les evenements de conversion : achats, ajouts au panier, leads, etc.
Pour un site e-commerce, les evenements essentiels sont :
- ViewContent : quand un utilisateur consulte une page produit
- AddToCart : quand il ajoute un produit au panier
- InitiateCheckout : quand il commence le processus de paiement
- Purchase : quand l’achat est finalise
Pour un site de generation de leads :
- Lead : quand un formulaire est soumis
- CompleteRegistration : quand une inscription est finalisee
- Contact : quand un utilisateur clique sur un CTA de contact
Pour chaque evenement, cree une nouvelle balise HTML personnalisee dans GTM avec le code fbq('track', 'NomEvenement'); et configure le declencheur approprié. Par exemple, pour un achat, le declencheur peut etre la page de confirmation de commande (URL contient « /merci » ou « /order-confirmation »).
Etape 4 : Installer Google Analytics 4 (GA4)
GA4 est essentiel pour avoir une vue complete de tes performances. Dans GTM :
- Cree une nouvelle balise de type « Google Analytics: GA4 Configuration »
- Entre ton Measurement ID (G-XXXXXXXXXX)
- Declencheur : « All Pages »
- Nomme-la « GA4 – Configuration »
GA4 track automatiquement de nombreux evenements (scroll, clics sortants, recherche sur site, engagement video). Pour les evenements personnalises, utilise des balises GA4 Event separees.
Etape 5 : Tester et publier
Avant de publier tes modifications, utilise toujours le mode Preview de GTM. Clique sur « Apercu » en haut a droite, entre l’URL de ton site et GTM ouvrira ton site avec un panneau de debug.
Verifie les points suivants :
- Le pixel Meta se declenche sur chaque page (evenement PageView)
- Les evenements de conversion se declenchent aux bons moments
- GA4 enregistre les pages vues
- Aucune balise ne se declenche en double
Cote Meta, utilise l’outil « Test Events » dans ton Events Manager pour verifier que les evenements arrivent correctement. Cote Google, utilise le rapport « Temps reel » dans GA4.
Une fois tout verifie, clique sur « Soumettre » dans GTM pour publier tes modifications. Donne un nom clair a ta version (par exemple « V1 – Installation Meta Pixel + GA4 ») pour pouvoir revenir en arriere si necessaire.
Conseils supplementaires
Organise tes balises : Utilise des dossiers dans GTM et une convention de nommage coherente. Par exemple : « Meta Pixel – PageView », « Meta Pixel – Purchase », « GA4 – Configuration », « GA4 – Event – Form Submit ».
Pense au server-side : Pour un tracking plus fiable (surtout avec les bloqueurs de publicites et les restrictions iOS), envisage de mettre en place du server-side tagging via GTM. C’est plus technique, mais ca ameliore significativement la qualite de tes donnees de conversion.
Documente ta configuration : Tiens un document a jour avec toutes les balises installees, leurs declencheurs et leur objectif. Quand tu geres plusieurs comptes clients, c’est indispensable pour rester organise.
