Comment utiliser Google Tag Manager pour le tracking

Google Tag Manager : pourquoi c’est indispensable

Google Tag Manager (GTM) est un outil gratuit qui vous permet d’installer tous vos codes de tracking (Google Analytics, Facebook Pixel, TikTok Pixel, etc.) depuis une seule interface, sans toucher au code de votre site. Sans GTM, chaque nouvel outil de tracking nécessite de modifier votre thème WordPress. Avec GTM, vous ajoutez et modifiez vos tags en quelques clics.

Ce tutoriel couvre l’installation de GTM sur WordPress, la configuration de Google Analytics 4, le Facebook Pixel, et le suivi e-commerce WooCommerce.

Étape 1 : Créer un compte Google Tag Manager

1. Allez sur tagmanager.google.com
2. Connectez-vous avec votre compte Google
3. Cliquez sur Créer un compte
4. Nom du compte : le nom de votre entreprise
5. Pays : Sénégal
6. Nom du conteneur : votre nom de domaine (votresite.sn)
7. Plateforme cible : Web
8. Acceptez les conditions d’utilisation

Vous obtenez un ID de conteneur au format GTM-XXXXXXX. Notez-le.

Étape 2 : Installer GTM sur WordPress

Méthode recommandée : plugin GTM4WP

1. Dans WordPress : Extensions > Ajouter > Rechercher « GTM4WP »
2. Installez « GTM4WP – Google Tag Manager for WordPress » de Thomas Geiger
3. Activez le plugin
4. Allez dans Réglages > Google Tag Manager
5. Entrez votre ID de conteneur (GTM-XXXXXXX)
6. Emplacement du code : « Custom coded » ou « Footer » (le plugin gère tout)
7. Sauvegardez

Configuration WooCommerce dans GTM4WP

Dans les réglages de GTM4WP, onglet Intégration :

• Cochez WooCommerce
• Activez « Track e-commerce events »
• Sélectionnez « GA4 » comme format de données
• Activez les événements : view_item, add_to_cart, begin_checkout, purchase

GTM4WP injecte automatiquement les données e-commerce dans le dataLayer de GTM. Vous n’avez rien à coder.

Étape 3 : Configurer Google Analytics 4 via GTM

Créer le tag GA4

1. Dans GTM, allez dans Tags > Nouveau
2. Nom : « GA4 – Configuration »
3. Type de tag : Google Analytics : Configuration GA4
4. ID de mesure : G-XXXXXXXX (trouvé dans GA4 > Administration > Flux de données)
5. Déclencheur : All Pages
6. Sauvegardez

Ajouter le suivi e-commerce GA4

1. Créez un nouveau tag : GA4 – E-commerce Events
2. Type : Google Analytics : Événement GA4
3. Tag de configuration : sélectionnez votre tag GA4 Configuration
4. Nom de l’événement : {{Event}} (variable intégrée)
5. Paramètres d’événement : cochez « Envoyer les données de commerce électronique »

Créez un déclencheur personnalisé pour chaque événement e-commerce :

Déclencheur : Événement personnalisé
Nom de l'événement : add_to_cart

Déclencheur : Événement personnalisé
Nom de l'événement : begin_checkout

Déclencheur : Événement personnalisé
Nom de l'événement : purchase

Étape 4 : Installer le Facebook Pixel via GTM

Le Facebook Pixel est essentiel pour les publicités Facebook/Instagram, très utilisées au Sénégal.

Récupérer votre Pixel ID

1. Dans Facebook Business Suite : Paramètres > Sources de données > Pixels
2. Copiez votre Pixel ID (format : 123456789012345)

Créer le tag Facebook Pixel dans GTM

1. Dans GTM : Tags > Nouveau
2. Type de tag : HTML personnalisé
3. Nom : « Facebook Pixel – PageView »
4. Collez le code suivant :

<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', 'VOTRE_PIXEL_ID');
  fbq('track', 'PageView');
</script>

Déclencheur : All Pages

Tracking des événements e-commerce Facebook

Créez des tags supplémentaires pour les événements clés :

<!-- Tag : FB Pixel - AddToCart -->
<script>
  fbq('track', 'AddToCart', {
    content_ids: [{{dlv - ecommerce.items.0.item_id}}],
    content_type: 'product',
    value: {{dlv - ecommerce.value}},
    currency: 'XOF'
  });
</script>

<!-- Tag : FB Pixel - Purchase -->
<script>
  fbq('track', 'Purchase', {
    value: {{dlv - ecommerce.value}},
    currency: 'XOF',
    content_type: 'product'
  });
</script>

Étape 5 : Tester et publier

Mode aperçu (essentiel)

1. Dans GTM, cliquez sur Aperçu en haut à droite
2. Entrez l’URL de votre site
3. Un panneau de débogage s’ouvre en bas de votre site
4. Naviguez sur votre site : ajoutez un produit au panier, allez au checkout
5. Vérifiez que chaque tag se déclenche au bon moment

Vérifications complémentaires

• GA4 Debug View : dans Google Analytics > Administration > DebugView, vérifiez que les événements arrivent en temps réel
• Facebook Pixel Helper : extension Chrome qui vérifie que le Pixel se déclenche correctement
• Tag Assistant : extension Google pour vérifier GTM et GA4

Publier

Une fois tout testé, cliquez sur Soumettre dans GTM, nommez votre version (« V1 – GA4 + FB Pixel + Ecommerce »), et publiez.

Événements avancés à tracker

Bonnes pratiques GTM

• Nommez clairement vos tags : « GA4 – E-commerce – Purchase » plutôt que « Tag 1 »
• Utilisez des dossiers : organisez par plateforme (Google, Facebook, TikTok)
• Testez TOUJOURS en aperçu avant de publier
• Versionnez : chaque publication crée une version. Si quelque chose casse, revenez en arrière
• Un seul GTM par site : ne mélangez pas GTM avec des codes de tracking collés manuellement dans le header
• Vérifiez l’impact sur la vitesse : trop de tags ralentissent votre site. Supprimez ceux que vous n’utilisez plus