Configurer Google Tag Manager et GA4

Mis à jour le 14/10/2026

Relier votre boutique à Google Tag Manager, importer le modèle de conteneur HopMyShop pour GA4, comprendre le Consent Mode v2 et vérifier les événements e-commerce.

Google Tag Manager (GTM) est le conteneur dans lequel vous rangez vos outils de mesure : Google Analytics 4, Google Ads, pixel Meta… Votre boutique le charge pour vous ; avec l'option Data layer e-commerce, elle lui envoie en plus les événements de vente. Le modèle de conteneur fourni par HopMyShop crée en une fois toutes les balises GA4 nécessaires.

1. Relier votre conteneur

  1. Dans votre compte Google Tag Manager, copiez l'identifiant du conteneur (il commence par GTM-).
  2. Dans l'administration de votre boutique, ouvrez « Outils externes », activez Google Tag Manager et collez cet identifiant.
  3. Activez l'option « Data layer e-commerce » dans le même encart, et choisissez si les prix sont envoyés hors taxes (recommandé) ou TTC.

2. Importer le modèle de conteneur

  1. Dans l'encart, cliquez sur « Télécharger un modèle de conteneur GTM ».
  2. Dans Google Tag Manager : Administration › Importer un conteneur, choisissez le fichier, l'espace de travail, puis l'option Fusionner (vos balises existantes sont conservées).
  3. Ouvrez la variable « Identifiant de mesure GA4 » et remplacez G-XXXXXXXXXX par l'identifiant de votre flux de données GA4.
  4. Publiez le conteneur.

Le modèle contient :

  • une balise Google (GA4) déclenchée sur toutes les pages, qui reçoit le contexte de la page (page_type, customer_type, customer_logged_in, language) et, une fois par visite, l'origine de la visite en champs de campagne (campaign_source, campaign_medium, campaign_name) ;
  • pour chaque événement e-commerce, un déclencheur « Événement personnalisé » et une balise « Google Analytics : événement GA4 » du même nom, qui envoie les données d'e-commerce lues dans la couche de données ;
  • les variables des paramètres particuliers : shipping_tier, payment_type, new_customer, search_term, method ;
  • la variable « Données fournies par l'utilisateur », reliée à user_data pour les conversions améliorées.

Le modèle évolue avec la plateforme : quand une nouvelle version est annoncée, réimportez-le avec l'option Fusionner.

3. Consentement des visiteurs (Consent Mode v2)

  • Votre conteneur n'est chargé qu'après l'accord du visiteur dans le bandeau de cookies.
  • Avant le conteneur, la boutique pose le consentement par défaut (tout refusé), puis le choix du visiteur par finalité : mesure d'audience (analytics_storage) et publicité (ad_storage, ad_user_data, ad_personalization).
  • Si le visiteur retire son accord depuis la page Cookies, le refus est transmis avant le rechargement de la page.

4. Vérifier

  1. Dans Google Tag Manager, lancez le mode Aperçu et ouvrez votre boutique.
  2. Acceptez les cookies, parcourez une catégorie, une fiche produit, ajoutez au panier : chaque événement apparaît dans la colonne de gauche, avec son contenu dans l'onglet Couche de données.
  3. Dans GA4, le rapport DebugView affiche les mêmes événements en direct.

Bon à savoir

  • Les pages de commande et de paiement ne chargent pas votre conteneur : le choix de livraison, le moyen de paiement et la commande sont envoyés sur la page de confirmation.
  • Un même événement peut alimenter plusieurs outils : ajoutez par exemple une balise Meta déclenchée par l'événement purchase.
  • La liste complète des événements et de leurs champs est dans la page Data layer e-commerce : référence des événements GA4.

Ce tutoriel vous a-t-il aidé ?

Dans la même catégorie