Guide Google Tag Manager avec GA4 e-commerce.

Comment activer les événements e-commerce Google Analytics 4 avec Google Tag Manager ?

Google Tag Manager (GTM) et Google Analytics 4 (GA4) sont deux outils puissants qui, utilisés conjointement, permettent de mesurer, analyser et optimiser les performances de votre site e-commerce. Cette formation détaillée vous guidera à travers le processus de mise en place de GTM pour activer certains événements e-commerce GA4. Aucune expérience préalable avec GTM ou GA4 n’est nécessaire, bien qu’une connaissance de base du HTML et du JavaScript serait bénéfique.

Table des matières.

Présentation de Google Tag Manager et Google Analytics 4.
Installation de Google Tag Manager.
Configuration de Google Analytics 4 avec Google Tag Manager.
Activation des événements e-commerce spécifiques.
Validation et déboggage de la configuration.
Conclusion et prochaines étapes.

Chapitre 1 : Présentation de Google Tag Manager et Google Analytics 4.

Google Tag Manager est un outil gratuit qui permet de gérer et déployer des balises sur votre site web sans avoir à modifier le code. Google Analytics 4, la dernière version de Google Analytics, offre une approche plus axée sur les événements et l’utilisateur pour comprendre l’interaction des utilisateurs avec votre site.

Google Tag Manager en détail.

Google Tag Manager (GTM) est un système de gestion des balises qui permet aux utilisateurs d’installer et de mettre à jour des balises de suivi et des fragments de code sur un site web ou une application mobile sans avoir à modifier le code directement.

Une « balise » est un extrait de code (généralement JavaScript) qui exécute une tâche spécifique sur votre site, comme le suivi des visiteurs, la collecte de données d’analyse, ou le déclenchement de fonctionnalités spécifiques.

Imaginons que vous possédez une boutique en ligne de vêtements et que vous souhaitez savoir combien de visiteurs cliquent sur un type spécifique de jeans. Vous pouvez utiliser GTM pour ajouter une balise de suivi des clics sur votre site sans avoir à modifier le code de votre site. Cette balise enregistrera chaque clic sur les jeans et vous pourrez visualiser ces données pour prendre des décisions éclairées sur l’achat de stock, la tarification, etc.

Google Analytics 4 en détail.

Google Analytics 4 (GA4) est la dernière version de Google Analytics, un outil d’analyse web qui permet aux propriétaires de sites web de comprendre comment les visiteurs interagissent avec leur site. GA4 est plus axé sur les événements et offre une meilleure intégration avec Google Ads.

Un « événement » est une action enregistrée qui se produit sur votre site, comme un clic sur un bouton, une vue de page, ou une transaction d’achat. GA4 permet de suivre ces événements pour analyser le comportement des utilisateurs sur votre site.

En utilisant GA4 sur votre boutique en ligne de vêtements, vous pouvez suivre un « événement » comme une « vue de produit » pour savoir combien de fois un produit spécifique est visualisé. Si vous remarquez que les visiteurs regardent beaucoup un type de chemise mais n’achètent pas, vous pouvez prendre des mesures pour améliorer la page du produit ou ajuster le prix.

Chapitre 2 : Installation de Google Tag Manager.

Pour installer GTM, vous devez vous inscrire à un compte Google Tag Manager et suivre les instructions pour installer le code GTM sur toutes les pages de votre site. Cela implique généralement d’ajouter deux extraits de code à votre site : un dans la balise <head> et un autre juste après l’ouverture de la balise <body>.

Pour commencer à utiliser Google Tag Manager, vous devez d’abord l’installer sur votre site web. Voici un guide étape par étape détaillé :

Étape 1 : Créer un compte Google Tag Manager.

Allez sur le site de Google Tag Manager : https://tagmanager.google.com/.
Cliquez sur « Créer un compte », puis remplissez les informations demandées (Nom du compte, Pays, etc.).
Ensuite, créez un « Conteneur » pour votre site web. Entrez le nom de votre site web et choisissez « Web » comme l’endroit où le conteneur sera utilisé.
Acceptez les conditions d’utilisation de Google pour finaliser la création du compte.

Étape 2 : Installer le code Google Tag Manager.

Une fois votre compte GTM créé et votre conteneur configuré, Google vous fournira deux extraits de code à ajouter à votre site.

Le premier extrait de code doit être placé aussi près que possible du début de la balise <head> de chaque page de votre site.
Le deuxième extrait de code doit être placé immédiatement après l’ouverture de la balise <body> de chaque page.

Par exemple :

<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>
<!-- End Google Tag Manager -->
...
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
...
</body>

Remplacez ‘GTM-XXXX’ par l’ID de votre conteneur.

Note : Si vous utilisez un système de gestion de contenu (CMS) comme WordPress, il existe des plugins qui peuvent simplifier ce processus.

Étape 3 : Validation de l’installation.

Une fois le code ajouté, vous devez vérifier que l’installation a réussi. Vous pouvez le faire en utilisant l’extension Google Tag Assistant pour Chrome. Une fois installée, visitez votre site web et cliquez sur l’icône de l’extension. Si votre Tag Manager est installé correctement, il devrait apparaître dans la liste des balises sur votre site.

Voilà, vous avez maintenant installé Google Tag Manager sur votre site web ! Vous êtes maintenant prêt à passer à la configuration de Google Analytics 4 dans GTM.

Chapitre 3 : Configuration de Google Analytics 4 avec Google Tag Manager.

Après avoir installé GTM, vous pouvez maintenant configurer GA4. Dans GTM, créez une nouvelle balise GA4 Configuration et entrez votre ID de mesure GA4. Cela permettra à GTM de communiquer avec GA4.

Configurer Google Analytics 4 (GA4) avec Google Tag Manager (GTM) est un processus en deux étapes : créer une nouvelle balise GA4 Configuration et configurer un déclencheur pour cette balise.

Étape 1: Créer une nouvelle balise GA4 Configuration.

Connectez-vous à votre compte GTM et sélectionnez votre conteneur.
Dans le menu de gauche, cliquez sur « Balises », puis sur « Nouvelle » pour créer une nouvelle balise.
Nommez la balise (par exemple, « GA4 Configuration ») pour vous aider à la retrouver plus tard.
Sous « Type de balise », choisissez « GA4 Configuration ».
Un champ « ID de mesure » apparaîtra. Entrez ici votre ID de mesure GA4, que vous pouvez trouver dans les paramètres du flux de données GA4 dans l’admin de votre propriété. Il ressemble généralement à « G-XXXXXXX ». Astuce, vous pouvez également saisir ID dans le moteur de recherche disponible en haut de page de vos rapports GA4.
Laissez les autres paramètres tels quels pour l’instant.

Étape 2: Configurer un déclencheur pour la balise GA4 Configuration.

Sous « Déclenchement », cliquez sur « Déclencheur » pour sélectionner ou créer un déclencheur.
Pour que la balise se déclenche sur toutes les pages, sélectionnez le déclencheur intégré « Toutes les pages ».
Cliquez sur « Enregistrer » pour terminer la création de la balise.

Supposons que vous possédez un site web de recettes de cuisine, et votre ID de mesure GA4 est « G-ABCDEF123 ». Vous créez une balise « GA4 Configuration » dans GTM, entrez « G-ABCDEF123 » dans le champ « ID de mesure », et définissez le déclencheur pour « Toutes les pages ». Ainsi, chaque fois qu’un utilisateur visite une page de votre site, GA4 enregistre l’événement et les données associées.

La configuration de GA4 avec GTM est maintenant terminée. Avec cette configuration de base, GA4 commencera à recueillir des données d’événements de base, telles que les pages vues par les utilisateurs, les données démographiques des utilisateurs, et plus encore.

Chapitre 4 : Activation des événements e-commerce spécifiques.

La beauté de GA4 est qu’il permet une granularité des événements que vous pouvez suivre. Trois des événements les plus couramment utilisés dans le commerce électronique sont les vues de produits, les ajouts au panier et les transactions réussies.

Les événements e-commerce fournissent des informations essentielles sur le comportement des utilisateurs. Voyons comment activer certains des plus importants.

4.1 Vue produit (événement GA4 view_item).

Pour suivre lorsqu’un utilisateur visualise un produit, nous allons créer une balise GA4.

Dans GTM, cliquez sur « Nouvelle balise » puis sélectionnez « Google Analytics: GA4 événement ».
Nommez la balise (par exemple, « GA4 – Vue produit ») et entrez votre ID de mesure GA4.
Dans le champ « Type d’événement », saisissez « view_item ».
Vous devrez configurer des variables pour capturer les informations du produit. Par exemple, si vous vendez des livres, vous pourriez vouloir capturer l’ISBN, le titre, l’auteur, etc. Pour cela, vous pouvez utiliser la fonctionnalité de capture automatique de GTM ou, pour un contrôle plus précis, vous pouvez utiliser le code JavaScript personnalisé.

Supposons que vous ayez une boutique en ligne qui vend des livres. Vous pouvez configurer une balise GA4 « view_item » pour suivre chaque fois qu’un utilisateur visualise un livre. Cette balise pourrait capturer des informations comme l’ISBN du livre, le titre, l’auteur, le genre, le prix, etc.

4.2 Ajout au panier (événement GA4 add_to_cart).

Cet événement suit quand un utilisateur ajoute un produit à son panier.

Dans GTM, créez une nouvelle balise GA4. Nommez-la (par exemple, « GA4 – Ajout au panier ») et entrez votre ID de mesure GA4.
Le « Type d’événement » sera « add_to_cart ».
Configurez les variables pour capturer les détails du produit, comme vous l’avez fait pour l’événement « Vue produit ».

Prenons notre librairie en ligne. Quand un utilisateur ajoute un livre à son panier, vous pouvez suivre cet événement avec une balise GA4 « add_to_cart ». Vous pouvez capturer les mêmes détails que pour la vue produit, ainsi que la quantité de livres ajoutés au panier.

4.3 Transaction réussie (événement GA4 purchase).

Pour suivre quand une transaction est réussie :

Créez une nouvelle balise GA4 dans GTM. Nommez-la (par exemple, « GA4 – Transaction réussie ») et entrez votre ID de mesure GA4.
Le « Type d’événement » sera « purchase ».
Cette fois, vous devrez capturer des informations supplémentaires sur la transaction, comme l’ID de la transaction, le montant total et la devise.

Quand un utilisateur achète un livre sur votre site, une balise GA4 « purchase » peut être déclenchée. Vous pourriez capturer des détails comme l’ISBN du livre, le titre, la quantité, le prix total de la transaction, la devise, la date de la transaction, etc.

Notez que chaque balise doit être associée à un déclencheur correspondant pour déterminer quand elle doit être activée. Par exemple, la balise « Vue produit » pourrait être déclenchée chaque fois qu’un utilisateur accède à une page de produit, tandis que

la balise « Ajout au panier » pourrait être déclenchée chaque fois qu’un utilisateur clique sur le bouton « Ajouter au panier ». De même, la balise « Transaction réussie » pourrait être déclenchée chaque fois qu’un utilisateur atteint la page de confirmation de commande.

Ces déclencheurs peuvent être configurés dans GTM en utilisant des « déclencheurs de type page view » (pour la vue produit), des « déclencheurs de clic » (pour l’ajout au panier), ou des « déclencheurs de type page view » spécifiques à la page de confirmation de commande (pour la transaction réussie).

4.3.1 Configuration des déclencheurs.

Pour créer un déclencheur, allez à GTM et cliquez sur « Déclencheurs » puis « Nouveau ».
Donnez un nom à votre déclencheur en fonction de l’événement qu’il est censé déclencher (par exemple, « Déclencheur – Vue produit »).
Choisissez le type de déclencheur correspondant à l’action que vous voulez suivre (par exemple, « Page View » pour la vue produit ou « Click » pour l’ajout au panier).
Configurez les conditions spécifiques du déclencheur. Par exemple, pour un déclencheur de type « Page View » pour la vue produit, vous pourriez définir la condition pour qu’elle corresponde à l’URL de la page du produit.

Pour le site de la librairie, le déclencheur « Vue produit » pourrait être configuré pour se déclencher chaque fois que l’URL de la page contient « /produit ». Le déclencheur « Ajout au panier » pourrait être configuré pour se déclencher chaque fois que le bouton « Ajouter au panier » est cliqué. Enfin, le déclencheur « Transaction réussie » pourrait être configuré pour se déclencher chaque fois que l’utilisateur atteint la page « /confirmation ».

En associant ces balises à leurs déclencheurs correspondants, vous pouvez suivre avec précision et en temps réel les actions clés de votre site e-commerce dans Google Analytics 4.

Chapitre 5 : Validation et débogage de la configuration.

Une fois que vous avez configuré ces événements, il est crucial de les valider pour s’assurer qu’ils fonctionnent correctement. GTM dispose d’un mode de prévisualisation qui vous permet de tester et de déboguer vos balises avant de les publier. De plus, GA4 dispose également d’un rapport en temps réel (ou DebugView dans l’admin de la propriété GA4) où vous pouvez vérifier si vos événements sont correctement enregistrés.

L’installation de vos balises et la configuration des événements ne sont que la première étape. Il est crucial de vérifier que vos nouvelles configurations fonctionnent correctement. Voici comment le faire :

5.1 Utilisation du mode Prévisualisation de Google Tag Manager.

La première étape consiste à utiliser le mode Prévisualisation de GTM. C’est un outil puissant qui vous permet de tester vos balises avant de les publier sur votre site en direct.

Voici comment l’utiliser :

Dans GTM, cliquez sur « Prévisualiser » dans le coin supérieur droit. Cela ouvrira une nouvelle fenêtre.
Naviguez vers votre site Web dans une nouvelle fenêtre ou un nouvel onglet.
Vous verrez une fenêtre en bas de votre navigateur qui vous montre quelles balises sont déclenchées sur la page actuelle.

Par exemple, si vous naviguez vers une page produit, la balise « view_item » que vous avez configurée doit être déclenchée. Si ce n’est pas le cas, il y a probablement une erreur dans votre configuration de déclencheur ou de balise.

5.2 Vérification des événements dans Google Analytics 4.

Une fois que vous avez vérifié que vos balises sont déclenchées correctement dans GTM, l’étape suivante consiste à vérifier que ces événements sont correctement enregistrés dans GA4. Voici comment :

Dans GA4, naviguez vers « Rapports en temps réel » dans le menu de gauche.
Vous verrez les événements enregistrés en temps réel sur votre site.

Par exemple, si vous ou une autre personne effectuez un achat sur votre site, vous devriez voir l’événement « purchase » apparaître dans les rapports en temps réel. Si ce n’est pas le cas, cela signifie que votre balise « purchase » n’est pas configurée correctement ou que GTM et GA4 ne sont pas correctement connectés.

5.3 Dépannage des problèmes.

Si vos balises ou événements ne fonctionnent pas correctement, il y a quelques endroits à vérifier :

Assurez-vous que votre code GTM est installé correctement sur toutes les pages de votre site.
Vérifiez que vos balises GA4 sont configurées avec le bon ID de mesure.
Assurez-vous que vos déclencheurs sont configurés correctement pour déclencher les balises sur les bonnes actions ou pages.

La validation et le débogage sont des étapes essentielles pour s’assurer que vous obtenez des données précises et utiles de GA4. Avec ces outils à votre disposition, vous êtes bien équipé pour garantir le bon fonctionnement de vos configurations GTM et GA4.

Chapitre 6 : Conclusion et prochaines étapes.

Félicitations, vous avez maintenant une configuration de base pour suivre les événements e-commerce avec GTM et GA4. Cependant, il y a beaucoup plus que vous pouvez faire avec ces outils. En fonction des besoins spécifiques de votre entreprise, vous pouvez configurer des événements e-commerce supplémentaires, select_promotion quand un utilisateur clique sur une promotion interne, select_item, quand il sélectionne un produit dans une liste, l’entrée dans le checkout avec l’événement GA4 begin_checkout, la recherche de produit via l’événement search et l’ensemble des paramètres comme le search_term, etc. L’important est de continuer à apprendre et à expérimenter pour maximiser l’utilité de ces outils pour votre entreprise.

En conclusion, l’utilisation de Google Tag Manager pour activer des événements e-commerce dans Google Analytics 4 peut fournir des informations précieuses sur le comportement des utilisateurs sur votre site e-commerce. Cela peut aider à identifier les opportunités d’amélioration et à prendre des décisions basées sur des données pour optimiser les performances de votre site. Continuez à apprendre et à expérimenter pour tirer le meilleur parti de ces outils.