Tracking e-commerce GTM + GA4 : Implémentation complète et DataLayer

Les exemples de code respectent le schéma GA4 officiel de mai 2026. Vérifiez toujours vos implémentations via GA4 DebugView avant de publier en production.

⚡ Setup minimal GA4 e-commerce — opérationnel en 2h

Vous avez besoin de tracking e-commerce fonctionnel rapidement ? Voici le minimum viable — les 2 événements qui comptent vraiment avant tout le reste.

• 1
  Demandez à votre développeur ce DataLayer minimum

  Sur la page de confirmation de commande :

  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({ ecommerce: null });
  window.dataLayer.push({
    event: 'purchase',
    ecommerce: {
      transaction_id: 'ID_UNIQUE_COMMANDE',
      value: 89.99,       // number, pas string
      currency: 'EUR',    // Obligatoire
      items: [{
        item_id: 'SKU-001',
        item_name: 'Nom du produit',
        price: 89.99,
        quantity: 1
      }]
    }
  });

• 2
  Créez une seule balise GA4 dans GTM

  Balise → Nouvelle → Google Analytics : Événement GA4 → Nom : {{Event}} → activez "Envoyer des données d'e-commerce" → Source : Couche de données → Déclencheur : Custom Event purchase. Publiez.

• 3
  Vérifiez dans GA4 DebugView

  Ajoutez ?debug_mode=1 à l'URL → placez une commande test → l'événement purchase doit apparaître dans GA4 DebugView avec les paramètres corrects. Important : les données n'apparaissent dans les rapports Monétisation qu'après 24–48 heures — DebugView est la seule façon de valider immédiatement.

Architecture du tracking e-commerce GA4 — les 3 composants

Le maillon faible est toujours le DataLayer. GTM et GA4 ne peuvent pas corriger des données mal structurées côté site. Si le DataLayer envoie un prix en chaîne ("49.99") ou oublie currency, GA4 reçoit des données incorrectes — souvent sans erreur visible.

Les 13 événements e-commerce GA4 — liste complète

GA4 reconnaît 13 événements e-commerce recommandés. Contrairement à Universal Analytics, ces événements sont nativement supportés sans configuration supplémentaire — à condition de respecter exactement les noms et paramètres. Chaque événement supporte jusqu'à 27 paramètres custom par item dans le tableau items[] (source : Google Developers).

Par où commencer : implémentez purchase, add_to_cart, begin_checkout et view_item en priorité. Ces 4 événements couvrent le tunnel d'achat complet et suffisent à alimenter Google Ads Smart Bidding, les audiences GA4 et l'analyse de l'entonnoir.

DataLayer e-commerce GA4 — les 5 règles absolues

Codes DataLayer complets — les 4 événements prioritaires

view_item — fiche produit

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({ ecommerce: null }); // Obligatoire
window.dataLayer.push({
  event: 'view_item',
  ecommerce: {
    currency: 'EUR',
    value: 89.99,
    items: [{
      item_id: 'SKU-001',
      item_name: 'Veste imperméable Alpine',
      item_brand: 'Alpine Pro',
      item_category: 'Vêtements',
      item_category2: 'Vestes',
      item_variant: 'Bleu / L',
      price: 89.99,
      quantity: 1
    }]
  }
});

add_to_cart — ajout au panier

window.dataLayer.push({ ecommerce: null });
window.dataLayer.push({
  event: 'add_to_cart',
  ecommerce: {
    currency: 'EUR',
    value: 89.99,
    items: [{
      item_id: 'SKU-001',
      item_name: 'Veste imperméable Alpine',
      item_brand: 'Alpine Pro',
      item_category: 'Vêtements',
      item_variant: 'Bleu / L',
      price: 89.99,
      quantity: 1
    }]
  }
});

begin_checkout — démarrage checkout

window.dataLayer.push({ ecommerce: null });
window.dataLayer.push({
  event: 'begin_checkout',
  ecommerce: {
    currency: 'EUR',
    value: 134.98,
    coupon: 'SOLDES10',
    items: [
      { item_id: 'SKU-001', item_name: 'Veste imperméable Alpine', price: 89.99, quantity: 1 },
      { item_id: 'SKU-042', item_name: 'Gants ski Pro', price: 44.99, quantity: 1 }
    ]
  }
});

purchase — confirmation commande (le plus critique)

window.dataLayer.push({ ecommerce: null });
window.dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'CMD-20260508-00142',  // ID unique — jamais vide
    value: 134.98,
    tax: 22.50,
    shipping: 5.99,
    currency: 'EUR',
    coupon: 'SOLDES10',
    items: [
      {
        item_id: 'SKU-001',
        item_name: 'Veste imperméable Alpine',
        item_brand: 'Alpine Pro',
        item_category: 'Vêtements',
        item_variant: 'Bleu / L',
        price: 89.99,
        quantity: 1
      },
      {
        item_id: 'SKU-042',
        item_name: 'Gants ski Pro',
        item_category: 'Accessoires',
        price: 44.99,
        quantity: 1
      }
    ]
  }
});

Note sur le champ value : décidez dès le départ si vous transmettez HT ou TTC, et soyez cohérent sur tous vos événements. Une incohérence entre begin_checkout et purchase produit des rapports d'abandon de panier faux.

Configuration GTM — la balise unique avec déclencheur regex

Étape 1 — Créer le déclencheur regex

Déclencheurs → Nouveau → Type : Événement personnalisé

• Nom de l'événement : view_item_list|select_item|view_item|add_to_cart|remove_from_cart|view_cart|begin_checkout|add_shipping_info|add_payment_info|purchase|refund
• Cochez "Utiliser la correspondance d'expressions régulières"
• Nommez : CE - GA4 Ecommerce Events (Regex)

Étape 2 — Créer la balise GA4 Event unique

• Balises → Nouvelle → Type : Google Analytics : Événement GA4
• Nom de l'événement : variable intégrée {{Event}}
• Dans "Plus de paramètres" → cochez "Envoyer des données d'e-commerce" → Source : Couche de données
• Associez le déclencheur regex créé à l'étape 1

Erreurs silencieuses — ce qui casse sans avertissement

Déduplication des transactions — le problème le plus coûteux

La duplication de transactions gonfle artificiellement le chiffre d'affaires dans GA4 et fausse le tROAS dans Google Ads — l'algorithme optimise alors vers des conversions fictives.

Solutions par ordre d'efficacité

1. transaction_id unique côté serveur : GA4 utilise le transaction_id pour la déduplication native. Si vous envoyez deux fois le même ID, GA4 ne comptabilise normalement que la première occurrence.
2. Debouncing JavaScript : si votre bouton "Confirmer" peut être cliqué plusieurs fois rapidement, implémentez un debounce avant le push purchase :
   

   // Debounce — empêche les clicks multiples sur "Confirmer commande"
   let purchaseTracked = false;
   document.getElementById('btn-confirm').addEventListener('click', function() {
     if (purchaseTracked) return; // Ignore les clicks suivants
     purchaseTracked = true;
     window.dataLayer.push({ ecommerce: null });
     window.dataLayer.push({ event: 'purchase', ecommerce: {...} });
   });

3. Flag de session :

   if (!sessionStorage.getItem('purchase_tracked_' + orderId)) {
     sessionStorage.setItem('purchase_tracked_' + orderId, '1');
     window.dataLayer.push({ ecommerce: null });
     window.dataLayer.push({ event: 'purchase', ecommerce: {...} });
   }

4. Redirection post-achat : après la confirmation, redirigez vers une URL unique (/merci?order=CMD-001) — la page ne doit pas être rechargeable avec les mêmes données.

refund vs reverse — distinction importante dans GA4

GA4 distingue deux types de remboursement que la plupart des implémentations FR confondent :

• refund : remboursement client réel — soustrait le revenu du rapport Monétisation tout en conservant l'achat original pour l'analyse comportementale
• reverse (via Measurement Protocol) : annulation d'un achat fictif ou en double — pour les commandes frauduleuses, QA, ou les purchases dupliqués par erreur technique. À utiliser pour corriger les données historiques, pas pour les remboursements clients standards

Détecter les doublons existants dans GA4

GA4 → Explorations → Forme libre → dimension : Transaction ID, métrique : Achats. Filtrez sur Achats > 1. Tout transaction ID avec plus d'un achat est une transaction dupliquée.

Par plateforme — ce que vous pouvez déléguer à un plugin

Avertissement plugins : même avec un plugin qui alimente le DataLayer automatiquement, vérifiez systématiquement la structure réelle des pushes via la console Chrome. De nombreux plugins sont encore sur le schéma Universal Analytics.

WooCommerce — points de vigilance spécifiques

Avec GTM4WP sur WooCommerce, vérifiez aussi que l'option "DataLayer enrichi pour WooCommerce" est activée, et que le plugin n'entre pas en conflit avec MonsterInsights — ce conflit produit des doublons d'événements. Pour les sites utilisant Elementor Pro pour personnaliser la page de confirmation WooCommerce, GTM4WP peut ne pas détecter la commande — dans ce cas, l'événement purchase ne se déclenche pas. Solution : implémentation manuelle du push DataLayer sur la page de confirmation Elementor.

Shopify — rappel

Pour le GA4 ecommerce tracking Shopify, les événements checkout et purchase passent par les Customer Events (Custom Pixel) depuis 2025. Voir le guide complet : GTM sur Shopify — Custom Pixel →

Vérification complète du tracking e-commerce

Votre implémentation e-commerce présente des anomalies — conversions dupliquées, revenus incorrects, événements manquants ? Un audit GTM complet identifie la cause en 2 heures.

Questions fréquentes