Guide Google Analytics 4 pour le suivi e-commerce avec Google Tag Manager

Dernière mise à jour le 6 Juin 2023
GA4 ecommerce avec Google Tag Manager
Découvrez étape par étape comment mettre en place le suivi du commerce électronique sur votre propriété Google Analytics 4 (GA4) en utilisant Google Tag Manager (GTM). Cet article détaillera la procédure pour configurer efficacement le suivi GA4 ecommerce (nous vous recommandons fortement de passer à GA4 si vous utilisez encore l’ancienne version). Si vous n’avez pas encore de compte GTM, il est temps de vous en créer un.

Avant de commencer, nous allons expliquer brièvement ce qu’est GA4 et GTM :

Qu’est ce que GA4 et GTM ?

GA4 : Google Analytics 4

Google Analytics 4 (GA4) est la dernière version de Google Analytics (Universal Analytics), un outil qui permet aux propriétaires de sites web et aux marketeurs de comprendre le comportement des visiteurs sur leur site. C’est une ressource précieuse pour suivre et analyser les données web, ce qui aide à prendre des décisions basées sur des données concrètes.

Universal Analytics est la version précédente de Google Analytics. Alors, quelle est la différence entre GA4 et Universal Analytics ?

La principale différence réside dans la manière dont ces deux versions collectent et organisent les données.

  1. Centré sur l’utilisateur: GA4 est axé sur l’utilisateur plutôt que sur les sessions. Cela signifie qu’il suit le parcours de l’utilisateur sur votre site, et non pas simplement les sessions individuelles.
  2. Suivi multi-plateformes: GA4 est capable de suivre les utilisateurs sur différents appareils et plateformes (comme le web et les applications mobiles), ce qui était plus limité dans Universal Analytics.
  3. Analyse prédictive: GA4 utilise l’apprentissage automatique pour fournir des insights prédictifs. Par exemple, il peut prévoir les tendances futures des revenus de votre site.
  4. Durée de vie des cookies: Universal Analytics utilise des cookies qui durent 2 ans, tandis que GA4 utilise des cookies qui durent seulement 24 heures. Cela a des implications pour la confidentialité des utilisateurs.

En résumé, GA4 représente une avancée significative par rapport à Universal Analytics, offrant une meilleure compréhension du comportement des utilisateurs et des insights plus précieux pour optimiser votre site web.

GTM : Google Tag Manager

Google Tag Manager (GTM) est un outil gratuit proposé par Google qui vous permet de gérer et de déployer facilement des balises sur votre site web sans avoir besoin de modifier le code.

Qu’est-ce qu’une balise ?

Une balise est un bout de code qui collecte des informations sur l’activité des utilisateurs sur votre site web. Ces informations peuvent ensuite être utilisées pour suivre, analyser et optimiser les performances de votre site.

Comment fonctionne Google Tag Manager ?

  1. Création d’un compte et d’un conteneur : Vous commencez par créer un compte GTM. Ensuite, pour chaque site web, vous créez un « conteneur » qui contiendra toutes vos balises.
  2. Ajout des balises : Ensuite, vous ajoutez les balises de votre choix dans le conteneur. Ces balises peuvent être des balises Google (comme Google Analytics ou Google Ads) ou des balises de tiers.
  3. Définition des déclencheurs : Vous définissez ensuite les conditions (ou « déclencheurs ») qui doivent être remplies pour que chaque balise soit activée. Par exemple, une balise peut être déclenchée lorsqu’un utilisateur visite une certaine page, clique sur un certain bouton, ou remplit un formulaire.
  4. Publication du conteneur : Une fois que vous avez ajouté toutes vos balises et défini leurs déclencheurs, vous publiez le conteneur. GTM génère alors un code unique que vous intégrez à votre site web. Ce code s’occupe de déclencher les balises au bon moment en fonction des conditions que vous avez définies.

En résumé, Google Tag Manager est un outil qui vous facilite la vie en vous permettant de gérer toutes vos balises à partir d’un seul endroit, sans avoir à toucher au code de votre site web. Cela vous permet de gagner du temps, d’éviter les erreurs, et d’optimiser efficacement les performances de votre site.

Vous voulez des résultats SEO qui vous différencie de vos concurrent ?

Découvrir nos services SEO

Passons maintenant au sujet de notre article !

Comprendre le fonctionnement du suivi e-commerce sur GA4

Avec GA4, la mise en œuvre du suivi e-commerce diffère légèrement de l’ancienne version (Universal Analytics). En comparant Google Analytics 4 à Universal Analytics, vous remarquerez des similitudes, mais aussi certaines différences notables.

Le nouveau schéma e-commerce de GA4

Lors de la configuration des événements e-commerce, nous devons transmettre des schémas variés comme les détails du produit, la devise, les promotions, etc. Pour illustrer, auparavant dans Universal Analytics, si nous souhaitions transmettre le nom du produit, nous utilisions « name », mais dans GA4, nous utilisons simplement « item_name ».

Un autre exemple : pour mesurer une promotion (lorsqu’un utilisateur clique sur un lien promotionnel) dans Universal Analytics, nous utilisions « promoClick », maintenant dans GA4, nous utilisons « select_promotion ».

Mise en place de la couche de données pour le commerce électronique

Vous envisagez peut-être de mettre à jour votre couche de données pour correspondre aux nouveaux schémas, mais attention ! Si vous utilisez Universal Analytics pour votre site e-commerce, ne modifiez pas votre configuration actuelle.

Les nouveaux schémas ne sont pas rétro-compatibles et pourraient donc perturber votre configuration actuelle (Universal Analytics). La bonne nouvelle est que la plupart des schémas sont compatibles en aval et Google traduira vos événements Universal Analytics en événements personnalisés GA4.

Le meilleur conseil est de garder les deux versions d’analyse actives et de mettre à jour votre configuration actuelle pour ajouter une couche de données et des schémas spécifiques à GA4, tout en conservant les schémas actuels.

Ainsi, votre Universal Analytics ne sera pas perturbé et les schémas de GA4 seront également implémentés. Maintenant, commençons à configurer le suivi e-commerce dans Google Analytics 4.

Mise en place du e-commerce dans GA4

Nous allons utiliser Google Tag Manager pour cette étape.

En outre, lors de la mise en œuvre du suivi du commerce électronique, nous devons définir ou modifier le Datalayer, ce qui nécessite un certain développement. Si vous ne savez pas comment réaliser cette opération, n’hésitez pas à demander à votre développeur d’effectuer l’implémentation du Datalayer. Une fois cette opération effectuée, vous pourrez configurer les variables dans Google Tag Manager.

Suivez les étapes ci-dessous pour créer les variables du Datalayer e-commerce.

  • Accédez à votre interface Google Tag Manager et cliquez sur « Variables » dans le menu latéral gauche.

Google Analytics 4 : variables ecommerce

  • Cliquez ensuite sur « Nouvelle » pour en créer une nouvelle.

GA4 : nouvelle variable

  • Nommez votre variable et cliquez sur « Configuration de la variable » (DLV signifie Variable de la couche de données).

Google Analytics 4 et GTM : nommer une variable

  • Choisissez « Variable de couche de données »

GA4 ecommerce et GTM : configurer une variable de couche de données

  • et saisissez « ecommerce.items » comme nom de variable de données. Enfin, cliquez sur « Enregistrer ».

Google Analytics e-commerce : saisir nom variable de couche de données

Avec notre variable de données prête, nous pouvons passer à l’implémentation des événements e-commerce.

Dans la suite, nous détaillerons la configuration des balises GTM et des déclencheurs.

Vues et impressions de la liste des produits (ou catégories de produits)

Cet événement permettra de mesurer les impressions de produits. Nous devons activer cette balise sur la page où la liste des produits est affichée, généralement sur la page d’accueil, les pages de catégories, etc.

Mise en place de la couche de données

Pour mesurer les vues/impressions de la liste d’articles, nous devons envoyer une liste de produits et leurs attributs à la couche de données et transmettre un événement « view_items_list » avec ces données.

GA4 et GTM sur un site ecommerce : couche de donnees : Datalayer

Configuration des balises pour un site e-commerce

Une fois que le code ci-dessus a été transmis au DataLayer, l’étape suivante consiste à configurer votre balise. Suivez les étapes ci-dessous pour le faire.

  • Accédez à votre interface Google Tag Manager et cliquez sur « Balises » dans le menu latéral gauche.

Balises GTM pour GA4 ecommerce

  • Cliquez sur « Nouvelle » pour créer une nouvelle balise d’événement pour la propriété GA4.

Google Analytics 4 ecommerce : nouvelle balise

  • Nommez votre balise et cliquez sur « Configuration de la balise ».

nommer une nouvelle balise du GA4 avec Google Tag Manager

  • Sélectionnez « Google Analytics : Événement GA4 ».

GA4 : ajouter balise évènement

  • Cliquez sur « Sélectionnez une balise de configuration ».

GA4 et ecommerce : balise de configuration

  • Un menu déroulant apparaîtra. Vous pouvez sélectionner la balise avec laquelle vous avez configuré GA4 ou « Aucun – ID défini manuellement » (vous devrez saisir l’ID de mesure de votre propriété Google Analytics 4). Dans notre cas, nous choisirons « GA4 – suivi de base » (notre balise de configuration).
    Si vous votre site et GA4 avec GTM ne sont pas encore liés, je vous recommande de consulter cet article sur le sujet.

Google Analytics 4 ecommerce : Balise Suivi de base

  • Saisissez le nom de l’événement. Le nom de l’événement que vous saisissez ici apparaîtra dans vos rapports d’analyse GA4. Utilisez le nom « view_item-list » comme le recommande Google.

GA4 : balise : itemlist

  • Cliquez sur le menu déroulant « Paramètre de l’événement » puis sur « Ajouter une ligne ». Vous devez maintenant remplir les deux zones de texte. Pour « Nom du paramètre », tapez « items » et pour « Valeur », cliquez sur le « + ».

Configuration GA4 et GTM pour ecommerce

  • Après avoir cliqué sur le « + » du champ « Valeur », choisissez la variable « DLV – ecommerce.items » que nous avons créée au début de ce tutoriel.

GTA et GTM sur un site e-commerce

  • Voici à quoi devrait ressembler votre balise.

Balise de suivi ecommerce avec GA4 et GTM

Notre balise est maintenant prête. Il ne reste plus qu’à configurer le déclencheur.

Configuration du déclencheur

  • Cliquez sur « Déclenchement ».

déclenchement événement GA ecommerce

  • Cliquez sur le « + » pour ajouter un nouveau déclencheur.

Ajout déclencheur GA4 et GTM sur un site ecommerce

  • Donnez-lui un nom et cliquez sur « Configuration du déclencheur ».

Nommer un déclencheur sur Google Analytics 4

  • Sélectionnez « Évènement personnalisé ».

declencheur évènement personnalisé sur GA4 ecommerce

  • La « Configuration du déclencheur » s’ouvrira. Nous allons donner comme nom d’événement « view_item_list ». Cliquez sur « Enregistrer ».

évènement personnalisé GA4

Bravo ! Votre balise est complète. Félicitations ! Vous avez créé avec succès votre premier événement e-commerce pour votre propriété GA4. Enfin, nous allons maintenant créer le reste des événements pour suivre le commerce en ligne. Comme nous venons de voir la méthode pas à pas ci-dessus, nous verrons plus simplement les autres événements.

Les clics sur les fiches produits

  • Type de balise : Évènement GA4
  • Nom de l’événement : select_item
  • Paramètre de l’événement : items – {{DLV – ecommerce.items}}
  • Type de déclencheur : Événement personnalisé
  • Condition de déclenchement : l’événement est équivalent à « select_item »

Mesurer les clics sur les produits avec GA4 et GTM sur un site ecommerce

Vues détaillées sur les produits

  • Type de balise : Évènement GA4
  • Nom de l’événement : view_item
  • Paramètre de l’événement : items – {{DLV – ecommerce.items}}
  • Type de déclencheur : Événement personnalisé
  • Condition de déclenchement : l’événement est équivalent à « view_item »

vues détaillées du produit avec GA4 sur ecommerce

Ajouts dans le panier

  • Type de balise : Évènement GA4
  • Nom de l’événement : add_to_cart
  • Paramètre de l’événement : items – {{DLV – ecommerce.items}} (Nom du paramètre – Valeur)
  • Type de déclencheur : Événement personnalisé
  • Condition de déclenchement : l’événement est équivalent à « add_to_cart »

Suppressions du panier

  • Type de balise : Évènement GA4
  • Nom de l’événement : remove_from_cart
  • Paramètre de l’événement : items – {{DLV – ecommerce.items}} (Nom du paramètre – Valeur)
  • Type de déclencheur : Événement personnalisé
  • Condition de déclenchement : l’événement est équivalent à « remove_from_cart »

Vues et impressions des promotions

  • Type de balise : Évènement GA4
  • Nom de l’événement : view_promotion
  • Paramètre de l’événement : items – {{DLV – ecommerce.items}} (Nom du paramètre – Valeur)
  • Type de déclencheur : Événement personnalisé
  • Condition de déclenchement : l’événement est équivalent à « view_promotion »

Clics sur les promotions

  • Type de balise : Évènement GA4
  • Nom de l’événement : select_promotion
  • Paramètre de l’événement : items – {{DLV – ecommerce.items}} (Nom du paramètre – Valeur)
  • Type de déclencheur : Événement personnalisé
  • Condition de déclenchement : l’événement est équivalent à « select_promotion »

Les commandes

  • Type de balise : Évènement GA4
  • Nom de l’événement : begin_checkout
  • Paramètre de l’événement : items – {{DLV – ecommerce.items}} (Nom du paramètre – Valeur)
  • Type de déclencheur : Événement personnalisé
  • Condition de déclenchement : l’événement est équivalent à « begin_checkout »

Conversions et achats

  • Type de balise : Évènement GA4
  • Nom de l’événement : purchase
  • Paramètre de l’événement : items – {{DLV – ecommerce.items}} (Nom du paramètre– Valeur)
  • Type de déclencheur : Événement personnalisé
  • Condition de déclenchement : l’événement est équivalent à « purchase »

Remboursements

  • Type de balise : Évènement GA4
  • Nom de l’événement : refund
  • Paramètre de l’événement : items – {{DLV – ecommerce.items}} (Nom du paramètre – Valeur)
  • Type de déclencheur : Événement personnalisé
  • Condition de déclenchement : l’événement est équivalent à « refund »

Votre site Web mérite le sommet. Découvrez notre offre référencement naturel.

Rejoignez le Sommet du SEO !

Rapports e-commerce dans GA4

Bien que nous ayons mis en place les événements et terminé la configuration du site e-commerce sur la propriété GA4, nous devrons attendre un peu. En effet, la collecte de données dépend des visites sur votre boutique et du nombre de clients.

Pour afficher le rapport concernant le ce site e-commerce dans Google Analytics 4, vous devez simplement cliquer sur « Monétisation ».

Rapports ecommerce avec GA4

Pour une vue d’ensemble, vous pouvez cliquer sur « Présentation de la monétisation ». Si vous souhaitez un rapport plus détaillé, cliquez sur « Achats d’e-commerce ».

Dans le rapport « Explorer », vous pourrez consulter les entonnoirs de ventes.

rapport GA4 e-commerce

Merci d’avoir suivi ce tutoriel pour configurer le suivi e-commerce sur votre propriété Google Analytics 4. Nous espérons que cet article vous a été utile.

En conclusion concernant GA4 ecommerce

Le commerce électronique représente un potentiel incroyable pour la croissance de votre entreprise. Cependant, pour tirer le meilleur parti de cette opportunité, il est essentiel de comprendre et de suivre efficacement les performances de votre boutique en ligne. Avec Google Analytics 4, Google Tag Manager et son système de suivi du e-commerce, vous disposez de tous les outils nécessaires pour y parvenir.

Cet article a guidé vos pas à travers le processus de configuration de GA4, des clics sur les produits aux remboursements, en passant par les vues détaillées du produit et les impressions des promotions. Chacune de ces étapes est une pièce du puzzle qui, une fois assemblées, vous donnera une vue d’ensemble précise de vos performances en ligne.

Souvenez-vous, chaque clic compte. Chaque produit visualisé, chaque ajout au panier et chaque achat sont des indices précieux sur ce qui fonctionne et ce qui peut être amélioré. Grâce à GA4 et GTM, vous pouvez transformer ces données en actions concrètes pour optimiser votre boutique en ligne et offrir à vos clients une expérience d’achat exceptionnelle.

Alors, prenez les commandes. Utilisez les outils à votre disposition pour naviguer dans le monde du e-commerce. Votre succès ne dépend que de votre capacité à comprendre vos clients et à répondre à leurs besoins. Et n’oubliez pas, chaque voyage commence par un simple pas. Le vôtre commence ici, avec Google Analytics 4.

Besoin d’aide pour configurer les suivi e-Commerce avec GA4 ?

Nous contacter

Cet article a été inspiré de l’article de Mattkonnect.com

    Téléchargement du module

    Laissez-nous votre prénom et votre adresse de courriel pour vous envoyer le module par courriel:


      Pssssst Attendez...

      Laissez nous votre meilleure adresse email et vous recevrez le premier nos prochaines publications...


        Recevoir chaque semaine notre publication en avant première.

        Rejoignez nos 153 845 fidèles lecteurs et restez informés concernant le domaine du développement web, en étant le premier à recevoir notre publication chaque semaine.