Découvrez comment configurer Google Tag Manager pour récupérer automatiquement les données e-commerce de votre site Qweekle et les transmettre vers vos outils d'analyse (Google Analytics, Matomo, etc.)
Sommaire
🚀 Introduction
🔧 Installation et liaison GTM
📊 Configuration GTM/Google Analytics
📈 Événements e-commerce transmis
🔍 Vérification et test
🚀 Introduction
Qweekle permet de récupérer automatiquement les informations e-commerce de votre site et de les transmettre vers vos outils d'analyse via Google Tag Manager (GTM). Cette intégration vous offre :
- Suivi automatique des événements e-commerce
- Données structurées pour vos analyses
- Compatibilité avec Google Analytics 4 et autres outils
- Configuration flexible selon vos besoins
🔧 Installation et liaison GTM
Étape 1 : récupérer les balises GTM
- Accédez à votre conteneur GTM
- Cliquez sur "Votre identifiant"
- Copiez le code des sections
<head>et<body>
Étape 2 : Transmission à l'équipe Qweekle
Envoyez le code des sections <head> et <body> à support@qweekle.com.
Notre équipe les intégrera dans votre site de vente en ligne. Une fois cette étape terminée, les événements e-commerce seront automatiquement transmis vers votre conteneur GTM.
📊 Envois des données vers GA
Une fois que le Google Tag Manager a été mis en place, il faut maintenant faire remonter les données vers un service d'analytics. Cette page de documentation ne concerne que la configuration de la remontée de données vers Google Analytics.
Pour ce faire, il suffit de se rendre sur le compte et le conteneur Google Tag Manager associé, et d'aller dans l'onglet "Balises".
Mise en place de Google Analytics 4
🎓PLUS D'INFOS: Pour cette étape, il est nécessaire d'avoir créé un compte Google Analytics 4.
La première étape consiste à créer une balise afin de lier Google Tag Manager avec un compte Google. Pour ce faire, dans la section "Balise" créez une nouvelle balise, et sélectionnez la configuration de balise "Balise Google".
Maintenant nous pouvons faire le lien avec Google Analytics 4, dans la section "Balise" créez une nouvelle balise, et sélectionnez la configuration de balise "Google Analytics : Evénement GA4".
Configurez le avec
| Variable | Configuration |
|---|---|
| Nom de l'événement | {{Event}} |
| Données Ecommerce | Cochez "Envoyer des données d'e-commerce" |
Déclencheur
Avec le plus , créez un déclencheur pour capturer les événements
Configurez le avec un "Evènement personnalisé"
| Variable | Configuration |
|---|---|
| Nom de l'événement | view_item|add_to_cart|begin_checkout|purchase|checkout_progress|set_checkout_option|remove_from_cart |
| Nom de l'événement | Cochez "Utiliser la correspondance avec expression régulière" |
Une fois fait, vous pouvez sauvegarder l'ensemble et publier avec le boutton "Envoyer"
⚠️ ATTENTION: Lorsque vous mettez en place Google Analytics via GTM, la RGPD vous impose de recueillir le consentement de vos utilisateurs avant de collecter leurs données. Voici un tutoriel pour le mettre en place
🎓PLUS D'INFO: Si vous avez plusieurs parcs, vous trouverez les configurations supplémentaire ici.
Configuration de l’inter domaine dans Google Analytics
Qweekle héberge votre site de vente en ligne sur son propre sous-domaine. Il est important de configurer Google Analytics pour prendre en compte cette structure. Voici comment procéder :
-
Accédez à la page d’administration de Google Analytics.
-
Dans le menu, sélectionnez "Collecte et modification des données" puis "Flux de données".
-
Choisissez le flux web associé à votre site.
-
Cliquez sur "Configurer vos domaines".
-
Ajoutez le sous-domaine qui correspond à votre site de vente en ligne, par exemple "monparc.qweekle.com", pour vous assurer que toutes les pages hébergées sur ce sous-domaine sont correctement suivies par Google Analytics.
En configurant l'inter-domaine de cette manière, vous garantissez que Google Analytics collecte de manière exhaustive les données de votre site de vente en ligne, y compris celles hébergées sur le sous-domaine de Qweekle. Cela vous permettra d'obtenir une vision complète de l'activité des utilisateurs sur l'ensemble de votre domaine, facilitant ainsi l'analyse et l'optimisation de vos performances en ligne.
📈 Événements e-commerce transmis
Qweekle transmet automatiquement ces événements vers votre Data Layer GTM :
Propriétés remontées par les évènements
event : Nom de l'évènement déclenché
gtm : objet contenant toutes les propriétés rajoutées par Google Tag Manager
uniqueEventId : id unique de l'évènement déclenché, correspondant à l'ordre dans lequel les
évènements sont déclenchés à chaque chargement de page
ecommerce : objet contenant toutes les propriétés liées à l'action effectuée par l'utilisateur, ce
sont ces données qui sont utilisées par Google Analytics
affiliation : Nom de l'établissement chez lequel l'évènement s'est produit
checkout_step : numéro de l'étape dans le tunnel de paiement
checkout_option : nom de l'étape dans le tunnel de paiement
transaction_id : numéro de transaction
order_id : numéro de commande
value : valeur de la commande complète
payed_amount : montant payé par le client (peut différent de la value dans des cas
d'acompte)
currency : monnaie dans laquelle la commande a été passée
items : objet / tableau d'objets correspondant aux produits ajoutés au panier / payés / vus
category : catégorie du produit
id : id unique du produit
name : nom du produit
variant : variante du produit
quantity : quantité ajoutée / payée
price : prix a l'unité / x quantité ?
brand : type de produit
🛍️ Événements de navigation produit
view_item
Déclenché : Lorsqu'un visiteur consulte une fiche produit ou une page de catégorie
Données transmises - Produit:
{
"event":"view_item",
"gtm":{
"uniqueEventId":"number"
},
"ecommerce":{
"affiliation":"string",
"items":[
{
"affiliation":"string",
"category":"string",
"id":"string",
"name":"string"
},
...
]
}
}
Données transmises - Catégorie:
{
"event":"view_item",
"gtm":{
"uniqueEventId":"number"
},
"ecommerce":{
"affiliation":"string",
"items":[
{
"affiliation":"string",
"category":"string"
},
...
]
}
}
🛍️ Événements de panier
add_to_cart
Déclenché : Ajout d'un produit au panier
Données transmises :
{
"event":"add_to_cart",
"gtm":{
"uniqueEventId":"number"
},
"ecommerce":{
"affiliation":"string",
"items":[
{
"id":"string",
"name":"string",
"brand":"string",
"category":"string",
"quantity":"string",
"variant":"string",
"price":"number"
},
...
]
}
}
remove_from_cart
Déclenché : Suppression d'un produit du panier
Données transmises :
{
"event":"remove_from_cart",
"gtm":{
"uniqueEventId":"number"
},
"ecommerce":{
"affiliation":"string",
"items":[
{
"id":"string",
"name":"string",
"quantity":"string",
"price":"number"
},
...
]
}
}
begin_checkout
Déclenché : Affichage de la page panier
Données transmises :
{
"event":"begin_checkout",
"gtm":{
"uniqueEventId":"number"
},
"ecommerce":{
"affiliation":"string"
}
}
💳 Événements de commande
set_checkout_option
Déclenché : Cet évènement est déclenché lorsqu'un utilisateur n'est pas connecté à son compte et qu'il accède à la page de création / connexion avant d'accéder à l'étape de paiement
Données transmises - Création de compte / connexion au compte:
{
"event":"begin_checkout",
"gtm":{
"uniqueEventId":"number"
},
"ecommerce":{
"affiliation":"string"
}
}
Déclenché : Cet évènement est déclenché lorsqu'un utilisateur accède à l'étape de paiement
Données transmises - Revue de panier / paiement:
{
"event":"set_checkout_option",
"gtm":{
"uniqueEventId":"number"
},
"ecommerce":{
"affiliation":"string",
"checkout_step":"number",
"checkout_option":"string"
}
}
checkout_progress
Déclenché : Cet évènement est déclenché lorsqu'un utilisateur accède à l'étape de paiement
Données transmises:
{
"event":"checkout_progress",
"gtm":{
"uniqueEventId":"number"
},
"ecommerce":{
"affiliation":"string"
}
}
purchase
Déclenché : Cet évènement est déclenché lorsqu'un utilisateur a effectué un achat et a payé
Données transmises:
{
"event":"purchase",
"gtm":{
"uniqueEventId":"number",
},
"ecommerce":{
"affiliation":"string",
"items":[
{
"affiliation":"string",
"category":"string",
"id":"string",
"name":"string",
"variant":"string",
"quantity":"string",
"price":"string"
},
...
],
"transaction_id":"string",
"order_id":"string",
"value":"number",
"payed_amount":"number",
"currency":"string",
"tax":"number",
"shipping":"number"
}
}
🔍 Vérification et test
Mode aperçu GTM
- Dans GTM, cliquez sur "Aperçu"
- Saisissez l'URL de votre site
- Naviguez sur votre site pour tester les événements
- Vérifiez dans l'onglet "Data Layer" que les événements apparaissent
Debug Google Analytics
- Installez l'extension "Google Analytics Debugger"
- Activez le mode debug
- Consultez la console développeur pour voir les événements transmis
Vérification temps réel GA4
- Dans Google Analytics 4, accédez à "Rapports" > "Temps réel"
- Naviguez sur votre site
- Vérifiez que les événements apparaissent en temps réel