Google Tag Manager

Introduction

Avec le module Analytics, vous pouvez notamment connecter Google Analytics à votre PepperShop. Google Analytics vous fournit des données précieuses sur les visiteurs de votre boutique : d’où ils viennent, quels articles les intéressent et à quel moment ils abandonnent un achat. Ces informations vous aident à optimiser votre boutique en ligne sur une base solide et mesurable, et non au feeling.

Vous pouvez choisir de connecter PepperShop directement à Google Analytics (voir le guide Google Analytics 4) ou d’envoyer des événements à Google Analytics via Google Tag Manager. Google Tag Manager demande davantage de configuration, car les événements, tags et déclencheurs sont créés manuellement, mais il offre plus de flexibilité pour un suivi supplémentaire, par exemple les clics sur certains boutons ou d’autres interactions hors e-commerce. Google Tag Manager est surtout intéressant si, en plus du suivi e-commerce, d’autres comportements spécifiques des utilisateurs doivent être mesurés.

Vous pouvez également envoyer des événements directement à Google Ads via Google Tag Manager, au lieu de passer par Google Analytics.

Dans ce guide, nous expliquons comment configurer le module Analytics et comment créer les déclencheurs, tags et événements les plus importants.

Prestations marketing : nous vous accompagnons volontiers

La configuration vous semble trop complexe, ou préférez-vous simplement utiliser votre temps autrement ? Notre équipe marketing peut prendre en charge la configuration de Google Analytics et vous conseiller également dans d’autres domaines du SEO et du SEA. Contactez-nous à l’adresse marketing@glarotech.ch.

Créer un compte Google Tag Manager

Pour connecter PepperShop à Google Tag Manager, vous avez besoin d’un compte Google Tag Manager.

Ce guide Google explique comment le créer.

Créer un compte Google Analytics

Pour consulter les données de Google Tag Manager, vous avez besoin d’un compte Google Analytics. Nous vous renvoyons à ce guide de Google. Lisez comment :

• Créer un compte Analytics
• Créer une nouvelle propriété Google Analytics
• Ajouter un flux de données

Les chapitres « Configurer la collecte des données » et les suivants ne sont pas pertinents pour vous.

Configuration du module

Voici comment configurer le module Analytics :

1. Connectez-vous à l’administration PepperShop.
2. Allez dans “Modules” → “Analytics”.
3. Dans la zone “Intégration Google Analytics”, renseignez les champs suivants :
   • Activation : Cochez la case pour activer le module.
   • Type d’intégration : Sélectionnez “Google Tag Manager”
   • Container ID : Saisissez votre ID de mesure Google Analytics. Vous en saurez plus dans ce guide Google.
   • Suivi e-commerce : Cochez la case (recommandé)
   • Activer les rapports e-commerce avancés : Cochez la case (recommandé)
   • Transmettre les événements statistiques : Cochez la case (recommandé)
   • Advanced Consent Mode : Cochez la case (recommandé)

Configurer Google Tag Manager avec Google Analytics 4

Pour utiliser Google Tag Manager avec Google Analytics, vous devez effectuer les étapes suivantes.

Important : dans ce qui suit, nous utilisons les désignations anglaises.

Créer des variables

Les variables sont des espaces réservés pour des valeurs ou des données nécessaires lors de la création de tags et de déclencheurs.

Voici comment créer une nouvelle variable :

1. Dans le menu à gauche de la page d’accueil de Google Tag Manager, cliquez sur “Variables”.
2. Sous “User-Defined Variables” → “New”, créez une nouvelle variable.
3. Donnez un nom à votre variable, par exemple “ga4_measurement_id”.
4. Sélectionnez ensuite le type de variable. (Quel type choisir est indiqué pour chaque variable dans le texte ci-dessous.)
5. Vous devez ensuite généralement renseigner d’autres informations. (Lesquelles sont indiquées pour chaque variable dans le texte ci-dessous.)

ID de suivi Google Analytics

L’ID de suivi Google Analytics est nécessaire à de nombreux endroits dans Google Tag Manager. Il est donc utile de le stocker comme variable, afin de ne le maintenir qu’une seule fois et de pouvoir l’adapter facilement en cas de modification.

Page Location

Page Location sert à saisir l’URL actuelle de la page, afin de savoir précisément sur quelle page a lieu un affichage de page ou un événement.

Configurer le tag

Les variables créées doivent maintenant être intégrées dans le tag.

1. Sur la page d’accueil de Google Tag Manager, sélectionnez “Tags” dans la barre latérale gauche.
2. Cliquez sur “New” → “Tag Configuration”.
3. Sélectionnez “Google Analytics”.
4. Sélectionnez “Google Tag”.
5. Créez le tag suivant :
   1. Tag Name : “GA4 - Config. + page view”
   2. Tag ID : sélectionnez ici la variable “ga4_measurement_id”.
   3. Configuration Settings → Add parameter
      1. Configuration parameter : saisissez “DLV - page_location”.
      2. Value : saisissez {{DLV - page_location}}.
   4. À nouveau Configuration Settings → Add parameter
      1. Configuration parameter : saisissez “send_page_view”.
      2. Value : saisissez “true”.
6. Ajoutez enfin un déclencheur pour déclencher le tag.
7. Sélectionnez comme déclencheur : “All Pages”.
8. Le tag peut maintenant être enregistré.

Le tag se présente alors comme suit :

Suivi du commerce électronique

Grâce au suivi e-commerce, Google Analytics peut déterminer des informations sur le chiffre d’affaires des produits, la valeur moyenne des commandes, le nombre de transactions ou le nombre de produits vendus.

Créer une variable

1. Dans le menu à gauche de la page d’accueil de Google Tag Manager, cliquez sur “Variables”.
2. Sous “User-Defined Variables” → “New”, créez une nouvelle variable.
3. Nommez votre variable “DLV - ecommerce.checkout.actionField.step”.
4. Sélectionnez le type de données “Data Layer Variable”.
5. Saisissez les données suivantes :

Créer des déclencheurs

1. Sur la page d’accueil de Google Tag Manager, sélectionnez “Triggers” dans la barre latérale gauche.
2. Créez les déclencheurs suivants en cliquant sur “New”, puis “Trigger Configuration”.
3. Sélectionnez “Custom Event”.
4. Adaptez le nom du déclencheur en haut à gauche.
5. Indiquez le nom de l'événement (voir la liste ci-dessous).
6. Cliquez sur “Save”.
7. Répétez ces étapes pour tous les déclencheurs.

*Pour le « Trigger CE - pps_checkout - begin_checkout », un paramètre supplémentaire doit encore être effectué :

1. Pour “This trigger fires on”, sélectionnez “Some Custom Events”.
2. Indiquez ce qui suit :
   1. Premier champ : sélectionnez “DLV - ecommerce.checkout.actionField.step”
   2. Deuxième champ : sélectionnez “equals”.
   3. Troisième champ : saisissez “2”.

Créer des tags

1. Sur la page d’accueil de Google Tag Manager, sélectionnez “Tags” dans la barre latérale gauche.
2. Cliquez sur “New” → “Tag Configuration”.
3. Sélectionnez “Google Analytics”.
4. Sélectionnez “Google Analytics: GA4 Event”.
5. Renseignez les informations suivantes :
   1. Adaptez le nom du tag en haut à gauche (voir le tableau ci-dessous).
   2. Measurement ID : sélectionnez ici la variable “ga4_measurement_id”.
   3. Saisissez le nom de l'événement (voir le tableau ci-dessous).
   4. Sous “More Settings”, cochez “Send Ecommerce data” et sélectionnez “Data Layer” dans la liste déroulante.
   5. Sélectionnez le déclencheur (voir le tableau ci-dessous).
6. Cliquez sur “Save”.
7. Répétez ces étapes jusqu'à ce que tous les tags soient créés.

Conversions améliorées (user_data)

Si les conversions améliorées sont activées dans le module Analytics, le push dataLayer de l’événement pps_purchase contient également l’objet user_data (e-mail et téléphone déjà hachés en SHA-256 ; adresse en option).

Configuration dans Google Tag Manager :

1. Créez une variable de couche de données, p. ex. nom DLV - user_data, nom de la variable de couche de données : user_data.
2. Créez une variable de type User-Provided Data, type Code, source de données : {{DLV - user_data}}.
3. Ouvrez le tag d’événement GA4 pour l’achat (p. ex. GA4 - PS - purchase). Sous Paramètres d’événement, ajoutez le paramètre user_data et définissez la valeur sur la variable User-Provided Data. (Pas sous Propriétés utilisateur.)
4. Vérifiez la configuration avec l’aperçu GTM et un achat test.

Les conversions améliorées doivent également être activées dans Google Analytics ou Google Ads.

Publier la version

Vous pouvez maintenant tester votre configuration :

1. Dans l’espace de travail, cliquez en haut à droite sur “Preview”.
2. Saisissez l’URL de votre boutique.
3. Une nouvelle fenêtre s’ouvre.
4. Effectuez un achat test dans votre boutique.
5. Revenez à l’ancienne fenêtre (« Tag Assistant »).
6. Cliquez sur “Continue”.
7. Vous devriez maintenant voir les événements exécutés (par exemple « GA4 - PS - view_item »).
8. Revenez ensuite à la page Tag Manager.
9. Cliquez en haut à droite sur “Submit” pour publier vos paramètres.
10. Vous pouvez encore indiquer un nom de version et une description de vos modifications.
11. Cliquez sur “Publish”.

Aide supplémentaire

Avez-vous des questions ou avez-vous besoin d’assistance ? Avez-vous des exigences particulières ou souhaitez-vous une solution individuelle pour votre système ? Notre équipe de support se fera un plaisir de vous aider. Les prestations de support sont facturées au temps passé au tarif de CHF 195.- / heure. Voici comment nous joindre :

• E-Mail : support@glarotech.ch
• Téléphone : +41 (0)71 923 08 58
• Heures d’ouverture : Lundi – Vendredi I 08:00h – 12:00h I 13:30h – 17:00h

Autres pages utiles

• FAQ (Foire aux questions)
• Modules & Fonctions
• Interfaces