Google Tag Manager

Dernière mise à jour : 9 avril 2025
  • Rubriques :

Créé pour :

  • Débutant
  • Intermédiaire
  • Administration
  • Leader
  • Utilisateur ou utilisatrice
Fonctionnalité Adobe Commerce Fonctionnalité exclusive uniquement dans Adobe Commerce (En savoir plus)

Google Tag Manager est un outil puissant qui vous permet de gérer et de déployer efficacement diverses balises (fragments de code) associées à vos événements de campagne marketing. Google Tag Manager vous permet d’ajouter des balises de suivi à votre site pour mesurer l’audience ou pour personnaliser, recibler ou mener des initiatives marketing dans les moteurs de recherche.

Google Tag Manager transfère directement les données et les événements à Google Analytics, à Enhanced Ecommerce et à d’autres solutions d’analyse tierces afin de dresser un tableau clair des performances de votre site, de vos produits et de vos promotions.

Vous devez disposer d’un compte Google Analytics et Tag Manager pour poursuivre ce processus. Les instructions suivantes vous guident tout au long du processus de configuration de vos comptes Google, de votre magasin Commerce et de la création d’une balise.

NOTE
Si votre entreprise est soumise à des réglementations de confidentialité telles que le Règlement général sur la protection des données et/ou la Loi californienne sur la protection de la vie privée des consommateurs, consultez Paramètres de confidentialité de Google.

Étape 1. Configuration de votre compte Google Analytics

Voir Configuration de la recherche de site dans l’aide de Google pour connaître les principes de base dont vous avez besoin pour commencer. Consultez également les guides Google pour Google Analytics et Google Tag Manager.

  1. Connectez-vous à votre compte Google Analytics.

  2. Pour Internal Site Search Tracking activer, procédez comme suit :

    • Accédez à Select View > View Settings.

    • Définissez Site Search Tracking sur On.

    • Définissez Query paramètre sur q.

    • Une fois l’opération terminée, Save les paramètres.

  3. Pour activer les fonctionnalités d'affichage, procédez comme suit :

    • Choisissez Property Settings.

    • Sous Advertising Features, définissez Enable Demographics and Interest Reports ​sur On.

    • Save les paramètres.

  4. Pour activer le suivi eCommerce, procédez comme suit :

    • Accédez à Select View > Ecommerce Settings.

    • Définissez Enable Ecommerce sur On.

    • Définissez Enable Enhanced Ecommerce Reporting sur On.

    • Save les paramètres.

  5. Rechargez la page et vérifiez que tous les paramètres restent On.

    NOTE
    Si tous les paramètres ne sont pas On, répétez les étapes précédentes, enregistrez et rechargez la page. Répétez ce processus jusqu’à ce que tous les paramètres soient définis sur On.

Étape 2. Configuration de votre compte Google Tag Manager

Les instructions suivantes indiquent comment configurer un nouveau conteneur avec les paramètres de base. Un exemple de fichier de configuration Composer (.json) est utilisé pour simplifier le processus d’importation afin de générer une balise dans un nouveau conteneur. Pour cet exemple, il est recommandé de créer un conteneur plutôt que de modifier un conteneur existant.

NOTE
Pour plus d’informations, voir Google Exportation et importation de conteneur. Ces instructions fournissent une procédure pas à pas pour importer un exemple de fichier JSON dans un nouveau conteneur.

  1. Téléchargez le fichier lié GTM_M2_Config_json.txt, ouvrez-le dans un éditeur et enregistrez-le en tant que GTM_M2_Config.json.

    Le fichier json est chargé directement dans Google Tag Manager.

  2. Accédez à Admin > Container > Import Container.

  3. Cliquez sur Choose container file et sélectionnez le fichier json.

  4. Sous Choose workspace, cliquez sur New.

  5. Saisissez un titre et une description, puis cliquez sur Save.

  6. Pour importer le fichier, sélectionnez l’une des actions suivantes :

    • L’option Overwrite doit être sélectionnée pour un nouveau conteneur.

    • L’option Merge doit être sélectionnée si vous utilisez un conteneur existant.

  7. Cliquez sur Preview pour passer en revue les balises, les déclencheurs et les variables.

  8. Pour modifier le Google Analytics ID référencé dans les variables, procédez comme suit :

    • Accédez à Variables > User-Defined Variables.

    • Choisissez Google Analytics et mettez à jour l’espace réservé (UA-xxxxxx-x) avec votre propre GA ID.

  9. Suivez les instructions de Google pour ajouter des balises, des déclencheurs et des variables au nouveau conteneur.

    Si vous souhaitez utiliser des paramètres d’un autre conteneur, vous pouvez les déplacer vers le nouveau conteneur.

  10. Cliquez sur Confirm une fois l’opération terminée.

  11. Suivez les instructions de Google pour publier le nouveau conteneur.

Étape 3. Configuration de votre boutique

NOTE
À partir de la version 2.4.5, l’intégration des services Google est mise à jour afin de prendre en charge l’utilisation des API GTag. GTag est un mécanisme unifié d’intégration de la fonctionnalité Google pour les pages web. Il prend en charge les fonctionnalités et opportunités les plus récentes pour le suivi et la gestion du contenu via les services Google. Pour plus d’informations, consultez la documentation destinée aux développeurs de Google Analytics.

  1. Connectez-vous à l’administration de votre boutique Commerce.

  2. Dans la barre latérale Admin, accédez à Stores > Settings>Configuration.

  3. Dans le panneau de gauche, développez Sales et choisissez Google API.

  4. Développez Sélecteur d’extension la section Google Analytics et configurez les éléments suivants :

    Configuration des ventes - Google Analytics

    • Définissez Enable sur Yes.

    • Définissez Account type sur Google Tag Manager.

    • Dans le champ Container ID , saisissez votre identifiant GTM (GTM-xxxxxx).

    • Si vous utilisez également Google Analytics pour des expériences de contenu, définissez Activer les expériences de contenu sur Yes.

    • Utilisez les valeurs par défaut pour les champs restants.

  5. Cliquez ensuite sur Save Config.

  6. Testez vos paramètres Google Tag Manager et vérifiez que tout fonctionne correctement.

NOTE
Chaque conteneur est associé à un site web et vous n’avez besoin que d’un seul conteneur par compte. Si vous disposez d’une instance Commerce multisite, vous avez besoin de conteneurs distincts.

Descriptions des champs

ChampChamp d’applicationDescription
EnableAffichage de la boutiqueDétermine si l’e-commerce amélioré de Google Analytics peut être utilisé pour analyser l’activité dans votre magasin. Options : Yes / No
Account typeAffichage de la boutiqueDétermine le code de suivi Google utilisé pour surveiller l’activité et le trafic du magasin. Options : Google Analytics / Google Tag Manager
Anonymize IPAffichage de la boutiqueDétermine si les informations d’identification sont supprimées des adresses IP qui apparaissent dans les résultats de Google Analytics.
Enable Content ExperimentsAffichage de la boutiqueActive les expériences de contenu Google, qui peuvent être utilisées pour tester jusqu’à dix versions différentes d’une même page. Options : Yes / No
Container IdAffichage de la boutiqueSi Google Tag Manager est déjà installé et configuré pour votre magasin, l’ID de conteneur s’affiche automatiquement dans ce champ.
List property for the catalog pageAffichage de la boutiqueIdentifie la propriété du Gestionnaire de balises associée à la page de catalogue. Valeur par défaut : Catalog Page
List property for the cross-sell blockAffichage de la boutiqueIdentifie la propriété du Gestionnaire de balises associée au bloc de ventes croisées. Valeur par défaut : Cross-sell
List property for the up-sell blockAffichage de la boutiqueIdentifie la propriété du Gestionnaire de balises associée au bloc de vente incitative. Valeur par défaut : Up-sell
List property for the related products blockAffichage de la boutiqueIdentifie la propriété du Gestionnaire de balises associée au bloc de produits associés. Valeur par défaut : Related Products
List property for the search results pageAffichage de la boutiqueIdentifie la propriété du Gestionnaire de balises associée à la page des résultats de recherche. Valeur par défaut : Search Results
“Internal Promotions” for promotions field “Label”Affichage de la boutiqueIdentifie la propriété du Gestionnaire de balises associée aux libellés des promotions internes. Valeur par défaut : Label

Créer une balise pour le suivi des conversions

Si vous disposez d’un compte Google AdWords, vous pouvez créer une balise pour effectuer le suivi des conversions. L’exemple suivant montre comment utiliser à la fois Google Tag Manager et Google Analytics pour créer une balise qui se déclenche sur la page Conversion Succès de votre boutique.

Étape 1. Créer une balise

  1. Connectez-vous à votre compte Google Tag Manager et cliquez sur le lien du conteneur que vous avez créé pour votre boutique.

  2. Dans la zone de New Tag, cliquez sur Add a new tag.

  3. Obtenez les informations suivantes à partir de votre compte AdWords :

    • ID de conversion
    • Libellé de conversion

    Si vous avez besoin d’aide, consultez le site d’assistance de Google.

  4. Dans le tableau de bord Google Tag Manager, cliquez sur Google AdWords et procédez comme suit :

    • Cliquez sur l’espace réservé au titre et saisissez un nom pour la nouvelle balise.

    • Sous Choose Product, sélectionnez Google AdWords.

    • Sous Choose a Tag Type, sélectionnez AdWords Conversion Tracking ​et cliquez sur Continue.

  5. Saisissez les Conversion ID et Conversion Label de votre compte AdWords, puis cliquez sur Continue.

Étape 2. Créer une règle

Depuis le tableau de bord de Google Tag Manager, l’étape suivante consiste à créer une règle qui déclenche la balise sur la page de conversion.

  1. Sous Fire On, cliquez sur Some Pages.

  2. Dans la section Choose Pages, renseignez les paramètres suivants :

    • Name - Saisissez un nom pour la description de la page.

    • Variable url

    • Opération - matches RegEx

      Pour en savoir plus, voir Opérateurs de sélecteurs Regex et CSS dans l’aide du gestionnaire de balises Google.

    • Value - checkout/success.*

  3. Cochez la case verte et cliquez sur Save.

    Le déclencheur que vous configurez apparaît sous la forme d’un bouton bleu dans la section Déclencher.

  4. Cliquez ensuite sur Save Tag.

Étape 3. Prévisualiser et publier

L’étape suivante du processus consiste à prévisualiser la balise . Chaque fois que la balise est prévisualisée, un instantané de la version est enregistré. Lorsque les résultats vous conviennent, accédez à la version que vous souhaitez utiliser, puis cliquez sur Publish.

Balise HTML personnalisée avec JavaScript

Cette section explique comment ajouter une valeur à usage unique CSP au JavaScript de balise HTML personnalisé pour l’exécuter sur la page de passage en caisse, en veillant à la conformité aux exigences de la politique de sécurité du contenu (CSP). Cet ajout améliore la sécurité du site en empêchant l’exécution de scripts non autorisés. Pour plus d’informations, consultez la documentation Politique de sécurité du contenu.

NOTE
L’importation de la variable globale cspNonce dans Google Tag Manager est prise en charge uniquement sur Adobe Commerce version 2.4.8 et ultérieure.
WARNING
L’ajout de scripts inconnus à votre boutique peut compromettre les données. Les scripts autorisés sur la page de passage en caisse peuvent voler des informations client sensibles, y compris des détails de paiement. Il est essentiel de prendre des précautions pour protéger votre compte Google Tag Manager. Ajoutez uniquement des scripts de confiance, vérifiez et auditez régulièrement vos balises et implémentez des mesures de sécurité solides telles que l’authentification à deux facteurs (2FA) et les contrôles d’accès.

Étape 1. Création d’une variable à usage unique CSP

Vous pouvez créer une variable à usage unique CSP qui peut être utilisée dans votre gestionnaire de balises Google en important la configuration de la variable ou en la configurant manuellement.

Importer la configuration des variables

La variable CSP Nonce est incluse dans l’exemple de conteneur GTM_M2_Config_json.txt. Vous pouvez créer la variable en important ce code dans votre espace de travail.

Créer la variable manuellement

Si vous ne pouvez pas importer la configuration de variable, procédez comme suit pour la créer.

  1. Dans votre espace de travail, accédez à la section Variables dans la barre latérale.
  2. Cliquez sur le bouton Nouveau au bas de la page dans la section Variables définies par l’utilisateur.
  3. Nommez la variable gtmNonce.
  4. Cliquez sur l’icône en forme de crayon pour modifier la variable.
  5. Sélectionnez Variable JavaScript dans la section Variable de page.
  6. Dans le champ Nom global de la variable, saisissez window.cspNonce.
  7. Enregistrez la variable.

Pour en savoir plus sur les variables du gestionnaire de balises Google, consultez Types de variables définis par l’utilisateur pour le web dans la documentation de Google. Cette documentation fournit des conseils détaillés sur la création et la gestion de variables personnalisées afin d’adapter la gestion des balises à des besoins spécifiques de marketing et d’analyse.