Tutoriel GA4 suivi e-commerce avec GTM

Nous allons voir, pas à pas, comment configurer le suivi e-commerce sur la propriété Google Analytics 4 avec Google Tag Manager.
Accueil » Tutoriel GA4 suivi e-commerce avec GTM

Ecrit par Matt Konnect

Mis à jour le 14/03/2023 | Publié le 18/07/2021

Vous voulez augmenter votre visibilité sur le web ?

Dans cet article, nous allons voir comment configurer le suivi du e-commerce dans Google Analytics 4 (passez rapidement à GA4 si vous avez encore l’ancienne version) grâce à Google Tag Manager.  Créez-vous un compte GTM si ce n’est pas déjà fait.

Comment fonctionne le suivi du e-commerce GA4 

Avec les propriétés GA4, la mise en œuvre du e-commerce est un peu différente de celle de l’ancienne version (Universal Analytics). 
Et si nous comparons Google Analytics 4 à Universal Analytics, il existe des points communs et des différences. 

Nouveau schéma e-commerce 

Lors de la configuration des évènements de e-commerce, nous devons transmettre les différents schémas tels que les détails du produit, la devise, les promotions, etc 
Pour vous donner un exemple, avant dans Universal Analytics, si nous voulions transmettre le nom du produit, nous le faisions en utilisant “name” mais dans le cas de GA4, il s’agit simplement de “item_name”
Un autre exemple, si vous vouliez mesurer une promotion (lorsqu’un utilisateur clique sur un lien de promotion) dans Universal Analytics, nous utilisions “promoClick”, maintenant dans GA4, nous utilisons “select_promotion”. 

Implémentations de la couche de données pour le commerce électronique 

Vous pensez peut-être à mettre à jour votre couche de données en fonction des nouveaux schémas, mais attendez ! 
En effet, si vous utilisez UA pour votre site e-commerce, ne mettez pas à jour votre configuration actuelle. 
La raison est que les nouveaux schémas ne sont pas rétro-compatibles et peuvent donc casser votre configuration actuelle (UA). 
La bonne nouvelle est que la majorité des schémas sont compatibles en aval et Google traduira vos évènements UA en évènements personnalisés GA4. 
La meilleure chose à faire pour garder les deux versions d’analyse actives et en cours d’exécution est de mettre à jour votre configuration actuelle pour ajouter une couche de données et des schémas spécifique GA4 et de conserver les schémas actuel. De cette façon il ne brisera pas votre Universal Analytics et les schémas de GA 4 seront implémenter aussi. 
Commençons maintenant par configurer le suivi e-commerce dans Google Analytics 4. 

Configuration du e-commerce dans GA4. 

Nous utiliserons pour cela Google Tag Manager
De plus, lors de la mise en œuvre du suivi du commerce électronique nous devons définir ou modifier le Datalayer. Cela nécessite un travail de développement. Si vous ne savez pas faire cette opération, vous pouvez demander à votre développeur d’effectuer l’implémentation du datalayer. Une fois le meilleur défini vous pouvez configurer les variables dans Google tag manager. 

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

  • Connectez-vous à votre console Google tag manager et cliquer sur «  Variables »  dans le menu de gauche. 
GA4 ecommerce
  • Cliquez sur « Nouvelle » 
GA4 ecommerce
  • Donner un nom à votre variable et cliquez sur « Configuration de la variable »  (DLV signifie Datalayer variable)
GA4 ecommerce
  • Sélectionner la « Variable de couche de données« 
GA4 ecommerce
  • Saisissez « ecommerce.items » comme nom de variable de données. 
GA4 ecommerce
  • Cliquez sur « Enregistrer »
GA4 ecommerce

Notre variable de données est configurée, nous pouvons procéder à la mise en œuvre des événements e-commerce
Ci-dessous nous verrons la configuration des balises  GTM et des déclenchements.

Vues/impressions de la liste des produits 

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

Configuration de la couche de données

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

GA4 ecommerce

Configuration des balises pour le e-commerce

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

  • Connectez-vous à votre console Google Tag Manager et cliquez sur « Balises » dans le menu de gauche.
Google Tag Manager
  • Cliquez sur « Nouvelle » pour créer une nouvelle balise d’évènement pour la propriété GA4.
GA4 ecommerce
  • Donnez un nom à votre balise et cliquez sur « Configuration de la balise ».
GA4 ecommerce
  • Sélectionnez « Google Analytics : Evénement GA4 »
GA4 ecommerce
  • Cliquez sur « Sélectionnez une balise de configuration »
GA4 ecommerce
  • Un menu déroulant apparaitra. 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 n’avez pas lié votre site et GA4 avec GTM, je vous invite à lire notre article sur le sujet.
GA4 ecommerce
  • Saisissez le nom de l’évènement. Le nom de l’évènement que vous saisissez ici apparaitra dans vos rapport d’analyse GA4. Donnez le nom « view_item-list » comme préconisé par Google.
GA4 ecommerce
  • Cliquez sur le menu déroulant « Paramètre de l’événement » puis « Ajouter une ligne » . Vous devez maintenant remplir les deux zone de texte. Pour « Nom du paramètre », tapez « items » et « Valeur » cliquez sur le « + ».
GA4 ecommerce
  • Après avoir cliquez sur le « + » du champs « Valeur », choisissez la variable « DLV – ecommerc.items » que nous avons crée au départ de ce tutoriel.
GA4 ecommerce
  • Voici comment devrai apparaitre votre balise
GA4 ecommerce

Notre balise est maintenant crée. Il nous reste à configurer le déclencheur.

Configuration du déclencheur

  • Cliquez sur « Déclenchement »
GA4 ecommerce
  • Cliquez sur le « + » pour ajouter un nouveau déclencheur.
GA4 ecommerce
  • Donnez lui un nom et cliquez sur « Configuration du déclencheur ».
GA4 ecommerce
  • Sélectionnez « Evènement personnalisé »
GA4 ecommerce
  • « Configuration du déclencheur » s’ouvrira. Nous allons donner comme nom d’évènement « view_item_list ».
GA4 ecommerce
  • Cliquez sur « Enregistrer ».
GA4 ecommerce

Voilà ! Votre balise est complète.
Félicitation ! Vous avez crée 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.

Clics sur les produits

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

Vues détaillées du produit

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

Ajout au panier

  • Type de balise : Evè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 : Evènement personnalisé 
  • Condition de déclenchement : l’évènement est égal à « add_to_cart« 

Retrait du panier

  • Type de balise : Evè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 : Evènement personnalisé 
  • Condition de déclenchement : l’évènement est égal à « remove_from_cart« 

Vues/impressions de promotion

  • Type de balise : Evè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 : Evènement personnalisé 
  • Condition de déclenchement : l’évènement est égal à « view_promotion« 

Clics sur une promotion

  • Type de balise : Evè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 : Evènement personnalisé 
  • Condition de déclenchement : l’évènement est égal à « select_promotion« 

Commandes

  • Type de balise : Evè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 : Evènement personnalisé 
  • Condition de déclenchement : l’évènement est égal à « begin_checkout« 

Achats

  • Type de balise : Evè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 : Evènement personnalisé 
  • Condition de déclenchement : l’évènement est égal à « purchase« 

Remboursements

  • Type de balise : Evè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 : Evènement personnalisé 
  • Condition de déclenchement : l’évènement est égal à « refund« 

Rapports e-commerce dans GA4

Bien que, nous avons implémenté les évènements et terminé la configuration du e-commerce sur la propriété GA4 il va falloir attendre un peu. En effet, la collecte des données dépend des visites sur votre boutique et du nombre de clients.
Pour afficher le rapport concernant le e-commerce dans Google Analytics 4 il vous suffit de cliquer sur « Monétisation ».

Compte de démonstration GA4 de Google

Pour un aperçu globale vous pouvez cliquer sur « Présentation de la monétisation ».
Par contre si vous souhaitez un rapport plus détaillé, cliquer sur « Achats d’e-commerce ».

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

Compte de démonstration GA4 de Google

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

Si cet article vous a plu, n’hésiter pas à le partager. Si vous avez des questions, vous pouvez commenter. Dans tous les cas vous pouvez nous contacter !

Votre titre va ici

Avec un site web optimisé et à votre image !

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Share This