Google Tag Manager
Introduction
Google Tag Manager (GTM) simplifie la gestion de toutes les balises. Les instructions suivantes vous guident dans vos premiers pas avec Tag Manager et se concentrent sur les balises et variables essentielles.
Configuration du module
Ouvrez le masque du module Analytics dans l’administration sous Modules – Analytics.
Veuillez activer le module en cochant la case, sélectionner «Utiliser l’intégration Google Tag Manager», puis copier votre identifiant de conteneur GTM.
Nous vous recommandons également d’activer les rapports de commerce électronique avancés. Ceux-ci montrent en détail le comportement d’achat, les produits et les performances de vente. Vous trouverez plus d’informations à ce sujet dans le chapitre Suivi du commerce électronique.
Vous pouvez maintenant enregistrer les paramètres.
Configurer Google Tag Manager avec Google Analytics 4
Pour pouvoir utiliser Google Tag Manager avec Google Analytics, vous devez suivre les étapes suivantes:
Créer des variables
ID de suivi GA
Dans le menu situé à gauche de la page d’accueil de Google Tag Manager, cliquez sur «Variables» et créez une nouvelle variable sous «Variables personnalisées» - «Nouveau». Donnez un nom à votre variable, par exemple «ga4_measurement_id». Vous pouvez maintenant configurer une nouvelle variable avec le type de données «Constante»:
| Name der Variable | Wert | Variablentyp |
|---|---|---|
| «ga4_measurement_id» | «G-XXXXXXXXXX» | Konstant |
La variable se présente alors comme suit:
Emplacement de la page
Nous allons maintenant créer une autre variable pour l’emplacement de la page:
| Name der Variable | Variablentyp | Name der Datenschichtvariablen |
|---|---|---|
| «DLV - page_location» | Datenschichtvariable | «page_location» |
Il devrait maintenant ressembler à ceci:
Configurer le tag
Il faut maintenant inclure les variables créées dans le tag. Sur la page d’accueil de Google Tag Manager, sélectionnez l’option «Tags» dans la barre latérale gauche. Cliquez sur «Nouveau» - «Configuration du tag»:
| Feldname | Wert |
|---|---|
| Tag-Typ | Google Analytics > Google-Tag |
| Name | GA4 - Config + page_view |
| Tag-ID | {{ga4_measurement_id}} |
| Konfigurationsparameter > page_location | {{DLV - page_location}} |
| Konfigurationsparameter > send_page_view | true |
Enfin, ajoutez un déclencheur pour activer le tag. Sélectionnez comme déclencheur : All Pages (consultation de la page). Le tag peut maintenant être enregistré.
Le tag ressemble alors à ceci:
Suivi du commerce électronique
Grâce au suivi du commerce électronique, Google Analytics peut déterminer des informations sur le chiffre d’affaires des produits, la valeur moyenne des commandes, le nombre de transactions ou de produits vendus.
Créer une variable
Cliquez sur «Variables» dans le menu à gauche de la page d’accueil de Google Tag Manager et créez une nouvelle variable sous «Variables personnalisées» - «Nouveau». Nommez votre variable «DLV - ecommerce.checkout.actionField.step». Sélectionnez le type de données «Variable de couche de données»:
| Name der Variable | Name der Datenschichtvariablen | Variablentyp |
|---|---|---|
| «DLV - ecommerce.checkout.actionField.step» | «ecommerce.checkout.actionField.step» | Datenschichtvariable |
La variable se présente alors comme suit:
Créer des déclencheurs
Sur la page d’accueil de Google Tag Manager, sélectionnez l’option « Déclencheurs » dans la barre latérale gauche. Créez les déclencheurs suivants en cliquant sur « Nouveau », puis sur « Configuration des déclencheurs » : « Événement défini par l’utilisateur ». Saisissez le nom de l'événement ainsi que le nom du déclencheur.
| Trigger Name | Triggertyp | Ereignisname |
|---|---|---|
| CE - view_item_list | Benutzerdefiniertes Ereignis | view_item_list |
| CE - pps_removeFromCart | Benutzerdefiniertes Ereignis | pps_removeFromCart |
| CE - pps_purchase | Benutzerdefiniertes Ereignis | pps_purchase |
| CE - pps_product | Benutzerdefiniertes Ereignis | pps_product |
| CE - pps_category | Benutzerdefiniertes Ereignis | pps_category |
| CE - pps_addToCart | Benutzerdefiniertes Ereignis | pps_addToCart |
| CE - pps_checkout - begin_checkout | Benutzerdefiniertes Ereignis | pps_checkout |
Déclencheur Début de la commande
Un réglage supplémentaire doit être effectué pour le déclencheur « Trigger CE - pps_checkout - begin_checkout ». Pour « Déclencher ce déclencheur pour : », sélectionnez « Certains événements définis par l’utilisateur ». Ensuite, « DLV - ecommerce.checkout.actionField.step » « est égal à » « 2 »
Créer des balises
Créez les balises suivantes :
Pour toutes les balises, le type de balise est « Google Analytics : événement GA4 », l’identifiant de mesure « {{ga4_measurement_id}} », et sous « Autres paramètres » > « E-commerce », cochez « Envoyer les données e-commerce » avec la source de données « Data Layer ».
| Tag Name | Ereignisname | Trigger |
|---|---|---|
| GA4 - PS - add_to_cart | add_to_cart | CE - pps_addToCart |
| GA4 - PS - begin_checkout | begin_checkout | CE - pps_checkout - begin_checkout |
| GA4 - PS - purchase | purchase | CE - pps_purchase |
| GA4 - PS - remove_from_cart | remove_from_cart | CE - pps_removeFromCart |
| GA4 - PS - view_item | view_item | CE - pps_product |
| GA4 - PS - view_item_list | view_item_list | CE - pps_category |
La journée se déroule alors comme suit:
Publier la version
Vous pouvez maintenant tester les intégrations en cliquant sur «Voir l’aperçu». Si vous voyez votre achat test dans Google Analytics sous «Temps réel», vous pouvez envoyer toutes les modifications que vous avez apportées dans ce guide. Pour ce faire, cliquez sur «Envoyer» en haut à droite du Gestionnaire de balises, entrez un nom de version (par exemple V1.0) et «Publiez» les configurations que vous venez de créer.
Aide supplémentaire
Avez-vous besoin d’une aide supplémentaire ? PepperShop vous propose différentes possibilités.
- Il suffit souvent de cliquer sur l’icône en forme de point d’interrogation en haut à droite de l’administration. Vous obtiendrez ainsi directement de l’aide sur le sujet concerné.
- Vous trouverez diverses réponses dans la FAQ. Vous pouvez également y accéder dans l’administration de la boutique via Aide&Actualités -> Archives d’aide. Ou via notre page d’accueil https://www.peppershop.com/de/services/support/faq/
- Dans la PepperShop Academy https://www.peppershop.com/de/services/academy/, vous trouverez facilement et confortablement diverses instructions vidéo gratuites.
- Nous sommes également à votre disposition par e-mail ou par téléphone (195 CHF/h) support@glarotech.ch ou +41 71 923 08 58