Google Tag Manager
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.
É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.
-
Connectez-vous à votre compte Google Analytics.
-
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.
-
-
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.
-
-
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.
-
-
Rechargez la page et vérifiez que tous les paramètres restent
On
.note note 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 surOn
.
É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.
-
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.
-
Accédez à Admin > Container > Import Container.
-
Cliquez sur Choose container file et sélectionnez le fichier json.
-
Sous Choose workspace, cliquez sur New.
-
Saisissez un titre et une description, puis cliquez sur Save.
-
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.
-
-
Cliquez sur Preview pour passer en revue les balises, les déclencheurs et les variables.
-
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.
-
-
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.
-
Cliquez sur Confirm une fois l’opération terminée.
-
Suivez les instructions de Google pour publier le nouveau conteneur.
Étape 3. Configuration de votre boutique
-
Connectez-vous à l’administration de votre boutique Commerce.
-
Dans la barre latérale Admin, accédez à Stores > Settings>Configuration.
-
Dans le panneau de gauche, développez Sales et choisissez Google API.
-
Développez
-
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.
-
-
Cliquez ensuite sur Save Config.
-
Testez vos paramètres Google Tag Manager et vérifiez que tout fonctionne correctement.
Descriptions des champs
Yes
/ No
Google Analytics
/ Google Tag Manager
Catalog Page
Cross-sell
Up-sell
Related Products
Search Results
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
-
Connectez-vous à votre compte Google Tag Manager et cliquez sur le lien du conteneur que vous avez créé pour votre boutique.
-
Dans la zone de New Tag, cliquez sur Add a new tag.
-
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.
-
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.
-
-
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.
-
Sous Fire On, cliquez sur Some Pages.
-
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.*
-
-
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.
-
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 .
cspNonce
dans Google Tag Manager est prise en charge uniquement sur Adobe Commerce version 2.4.8 et ultérieure.É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.
- Dans votre espace de travail, accédez à la section Variables dans la barre latérale.
- Cliquez sur le bouton Nouveau au bas de la page dans la section Variables définies par l’utilisateur.
- Nommez la variable
gtmNonce
. - Cliquez sur l’icône en forme de crayon pour modifier la variable.
- Sélectionnez Variable JavaScript dans la section Variable de page.
- Dans le champ Nom global de la variable, saisissez
window.cspNonce
. - 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.
Étape 2. Création d’une balise HTML personnalisée
-
Dans votre espace de travail, accédez à la section Balises dans la barre latérale.
-
Cliquez sur le bouton Nouveau.
-
Dans la section Configuration de balise, sélectionnez Balise HTML personnalisée.
-
Saisissez le JavaScript requis dans la zone de texte, puis ajoutez un attribut à usage unique à la balise
<script>
d’ouverture qui pointe vers la variable que vous avez créée à l’étape précédente. Par exemple :code language-html <script nonce="{{gtmNonce}}"> // Your JavaScript code here </script>
-
Sélectionnez Support document.write.
-
Dans la section Déclenchement, sélectionnez le déclencheur de votre choix. Par exemple, Initialisation du consentement - Toutes les pages.
Pour plus d’informations sur la Balises dans le Gestionnaire de balises de Google, voir Balises personnalisées dans la documentation de Google.