expert-formation-tags-manager-GTM-043

Comment configurer le suivi e-commerce GA4 avec GTM ?

Guide d’intégration de Google Analytics 4 (GA4) via Google Tag Manager.

Dans cet article approfondi, je vais te guider à travers les étapes essentielles pour configurer et utiliser Google Analytics 4 (GA4) avec Google Tag Manager (GTM), mettre en place le suivi des événements e-commerce, et tester correctement le déploiement de tes balises. Cet ensemble d’instructions est conçu pour t’offrir un contenu riche, précis et surtout utile en utilisant des informations à jour.

 

Création d’une propriété GA4.

Commence par créer une propriété GA4 dans Google Analytics. Accède à ton tableau de bord Google Analytics, clique sur l’icône d’engrenage pour les paramètres, et sous la colonne compte, sélectionne le compte correct. Ensuite, passe à la colonne suivante pour la propriété et sélectionne “Créer une propriété”. Configure ta propriété GA4 en renseignant le nom, la zone de rapport et la devise, puis configure ton flux de données en sélectionnant “Web” comme plateforme et en activant la mesure améliorée pour suivre automatiquement les événements courants comme les vues de page et les clics sortants.

Utilise l’Assistant de configuration dans l’admin de GA4 pour être certain de configurer correctement ta nouvelle propriété GA4.
Pour une mise en œuvre efficace de GA4, il est crucial de suivre ces étapes de configuration et de comprendre le modèle de suivi des événements de GA4. Cela te permettra de tirer le meilleur parti des nouvelles fonctionnalités et de la flexibilité offerte par Google Analytics 4 pour le suivi cross-plateforme et la mesure des interactions des utilisateurs sur ton site web et tes applications.

Création d’un conteneur GTM.

Pour utiliser GA4 avec GTM, tu as besoin d’un conteneur GTM sur ton site web. Si ce n’est pas déjà fait, crée un compte et un conteneur sur Google Tag Manager et installe le snippet de code du conteneur sur ton site.

Pour mettre en place un conteneur Google Tag Manager (GTM) et commencer à exploiter ses puissantes fonctionnalités pour ton site web ou application, voici un guide détaillé, basé sur les meilleures pratiques et conseils d’experts du domaine.

Création d’un conteneur GTM.

  1. Accède à GTM : Rends-toi sur le site officiel de Google Tag Manager et connecte-toi avec ton compte Google. Si tu n’as pas encore de compte GTM, la plateforme te guidera pour en créer un.
  2. Crée un nouveau conteneur : Une fois connecté, tu auras l’option de créer un nouveau conteneur. Nomme ton conteneur en fonction de ton site web ou application et sélectionne la plateforme cible appropriée (Web, iOS, Android, AMP ou Serveur).

Installation du conteneur sur ton site.

  • Code Snippet : GTM te fournira deux morceaux de code. Le premier snippet doit être copié et collé dans les balises <head> de chaque page de ton site. Cela permet le chargement asynchrone du conteneur GTM, laissant le navigateur charger le reste de la page sans attendre.
  • Snippet de secours : Le deuxième snippet, entouré par des balises <noscript>, devrait être placé juste après la balise <body> ouvrante. Ce code est essentiel pour les visiteurs ayant désactivé Javascript, leur permettant toujours d’accéder à une version iframe de ton conteneur GTM.

Publication du conteneur.

  • Publication : Une fois que tu as placé le code GTM sur les pages pertinentes de ton site, n’oublie pas de publier le conteneur (même s’il est vide). Cela évitera l’erreur HTTP 404 indiquant que le conteneur ne peut pas être trouvé.

Installation sur WordPress.

L’installation de GTM sur un site WordPress peut se faire manuellement ou via un plugin, mais la méthode manuelle nécessite de placer les snippets de code GTM directement dans le fichier header.php de ton thème enfant WordPress, tandis que l’utilisation d’un plugin peut simplifier grandement le processus.

Si tu choisis la méthode manuelle, assure-toi de placer le premier snippet de code dans les balises <head> et le deuxième juste après l’ouverture de la balise <body>. Pour une approche plus automatisée, le plugin “Google Tag Manager for WordPress” est une option populaire et fiable pour intégrer GTM à ton site WordPress en quelques minutes seulement.

Configuration de la balise Google.

Pour configurer une balise GA4 dans Google Tag Manager (GTM), voici un résumé des étapes essentielles basées sur les informations les plus récentes trouvées en ligne.

  1. Comprendre les événements et conversions GA4: Les événements GA4 sont des interactions utilisateur avec ton site que tu souhaites suivre, tels que les clics sur les boutons, les soumissions de formulaires et les vues de vidéo. Les conversions sont des événements spécifiques qui indiquent l’atteinte d’un objectif, comme un achat réussi ou une inscription à une newsletter. GTM facilite la mise en place de ces suivis en offrant une interface visuelle, la gestion des versions, et des fonctionnalités de test et de débogage intégrées​​.
  2. Créer une balise GA4 dans GTM:
    • Va dans GTM et crée une nouvelle balise.
    • Choisis “Google Analytics : Balise Google” comme type de balise.
    • Entre ton ID de mesure GA4. Tu trouveras cet ID dans la section “Admin” de GA4, sous “Flux de données”.
    • Par défaut, la balise Google déclenchera un événement de vue de page à chaque fois que cette configuration se charge, assurant ainsi le suivi de chaque visite de page sur GA4.
    • Détermine où tu souhaites que la balise se déclenche sur ton site. Dans la majorité des cas, tu voudras que GA4 se déclenche sur toutes les pages. Cependant, tu peux vouloir exclure certaines pages, comme les sections de connexion privée, en créant des règles basées sur les chemins d’URL ou les clics sur des éléments spécifiques de la page pour personnaliser exactement où la balise se déclenche​​.
  3. Configurer le suivi des événements pour GA4 dans GTM: GA4 permet le suivi intégré de certains événements de site grâce à la mesure améliorée, comme les activités de défilement, les clics sortants, les téléchargements de fichiers et les vues de vidéo. Cependant, GTM te permet de configurer des événements personnalisés pour un suivi plus détaillé, en utilisant le tag d’événement GA4 pour créer des événements pour tout déclencheur disponible dans GTM​​.
  4. Tester ta configuration: Il est crucial de tester ton installation pour t’assurer que le suivi fonctionne comme prévu. Active le mode de prévisualisation dans GTM et visite ton site pour tester les événements et conversions configurés. Vérifie ensuite dans la section “Temps réel” de GA4 pour voir si tes interactions sont correctement suivies.
  5. Publier ton conteneur GTM: Une fois que tu as configuré ta balise GA4 et tous les événements ou conversions que tu souhaites suivre, il est temps de publier ton conteneur GTM pour rendre tes configurations actives sur ton site.

Prévisualisation pour tester le bon déclenchement de la balise Google avec Tag Assistant.

Avant de publier ta configuration, utilise le mode de prévisualisation de GTM pour t’assurer que ta balise se déclenche correctement sur ton site. Ceci est crucial pour vérifier que les données commencent à être collectées sans erreurs.

Pour tester et prévisualiser correctement une balise Google Analytics 4 (GA4) dans Google Tag Manager (GTM) avec Tag Assistant, tu dois suivre quelques étapes clés pour t’assurer que tout fonctionne comme prévu. Voici un guide simplifié basé sur les meilleures pratiques trouvées dans mes recherches.

  1. Utiliser le mode de prévisualisation de GTM : Avant de publier des modifications sur ton site, le mode de prévisualisation te permet de tester les configurations de ton conteneur GTM. Cela t’aide à vérifier quelles balises se déclenchent et dans quel ordre. Pour accéder à ce mode, clique simplement sur le bouton “Aperçu” dans ton espace de travail GTM, puis entre l’URL de ton site dans l’outil Tag Assistant qui s’ouvre dans un nouvel onglet​​.
  2. Naviguer dans le mode de prévisualisation de GTM : Une fois que tu as connecté ton site au Tag Assistant, tu verras un petit popup dans le coin inférieur droit de ta fenêtre indiquant que le débogueur est connecté. Tu peux voir un résumé de toute la session dans l’onglet Tag Assistant, y compris toutes les balises qui ont été déclenchées et les valeurs actuelles de la Data Layer​​.
  3. Débogage dans plusieurs onglets avec l’extension Tag Assistant : Si tu ouvres plusieurs onglets en mode de prévisualisation, tu pourras voir les événements de chaque onglet dans la fenêtre unique de Tag Assistant. Chaque onglet et flux d’utilisateur sera identifié par une icône unique, ce qui te permet de distinguer facilement les événements provenant d’onglets distincts tout en restant dans un seul système de débogage​​.
  4. Fermeture du mode de prévisualisation : Pour sortir du mode de prévisualisation et de débogage, tu peux soit cliquer sur le “X” dans la fenêtre de connexion du débogueur sur n’importe quel onglet de ton site, ce qui déconnectera le Tag Assistant de tous les onglets actuellement en mode de prévisualisation, soit aller dans l’onglet Tag Assistant et cliquer sur le “X” à côté du nom de ton domaine​​.
  5. Tester des configurations multi-conteneurs et cross-domain : Si tu utilises plusieurs conteneurs GTM sur ton site ou si tu as besoin de tester le suivi entre domaines, GTM et Tag Assistant facilitent ces processus. Tu peux choisir parmi tes installations GTM ou Gtag dans le menu déroulant de Tag Assistant pour déboguer spécifiquement et même connecter deux domaines pour tester le suivi cross-domain en une seule fenêtre​​.

En résumé, le mode de prévisualisation de GTM et l’extension Tag Assistant sont des outils puissants pour tester et déboguer tes configurations de suivi GA4 avant de les mettre en ligne. Cela te permet d’assurer que tes balises se déclenchent comme prévu et que les données sont collectées correctement, tout en offrant la flexibilité de tester des scénarios complexes comme le débogage multi-onglets ou multi-conteneurs.

Présentation des événements recommandés e-commerce GA4.

Dans le cadre du suivi des événements e-commerce pour GA4, il est crucial de comprendre quels événements sont essentiels à suivre pour optimiser les performances de ton site e-commerce. Voici un aperçu des événements recommandés et des conseils pour leur mise en place.

Événements e-commerce recommandés pour GA4.

Les événements recommandés jouent un rôle clé dans l’analyse du comportement des utilisateurs sur ton site e-commerce. Voici quelques événements clés à suivre :

  • Envoyer un formulaire de contact (generate_lead) : Cet événement est déclenché quand un utilisateur envoie un formulaire de contact ou autre interaction correspondant à la génération d’un lead. Indispensable à suivre pour tous les business en ligne, surtout les sites non e-commerce.
  • Voir une page produit (view_item) : Cet événement se déclenche lorsque l’utilisateur consulte les détails d’un produit. Il te permet de comprendre quels produits captent l’intérêt des visiteurs et de peaufiner la présentation de tes produits​​.
  • Ajouter un article dans le panier (add_to_cart) : Cet événement est déclenché quand un utilisateur ajoute un produit à son panier. Il est essentiel pour analyser le comportement d’achat et identifier les produits que les utilisateurs envisagent d’acheter​​.
  • Ajouter un article dans les favoris (add_to_wishlist) : Lorsqu’un utilisateur ajoute des articles à sa liste de souhaits, cet événement est déclenché, indiquant un intérêt pour certains produits sans achat immédiat. Cela peut servir de point de départ pour des campagnes de remarketing ciblées​​.
  • Entrer dans le checkout (begin_checkout) : Cet événement indique qu’un utilisateur a commencé le processus de paiement, permettant d’identifier les obstacles potentiels qui empêchent la finalisation de l’achat​​.
  • Ajouter un mode de paiement et un mode de livraison (add_payment_info) et (add_shipping_info) : Le suivi de ces événements te permet d’évaluer l’efficacité de tes méthodes de paiement et de résoudre les problèmes potentiels lors de l’ajout d’informations de paiement ou de livraison​​.
  • Réaliser un achat (purchase) : L’événement le plus important à suivre, il se déclenche lorsqu’un utilisateur complète une transaction. Il te permet d’analyser l’efficacité de tes campagnes marketing, d’identifier les habitudes d’achat des clients, et d’optimiser le processus de paiement pour augmenter les conversions​​.

Mise en place des événements e-commerce dans GA4.

Pour configurer ces événements dans GA4, Google Tag Manager (GTM) est un outil précieux. GTM permet d’implémenter facilement des codes de suivi et des scripts sur ton site et de passer ces données à GA4. Si tu as déjà une propriété GA4, tu es un pas en avant. Néanmoins, tu dois également configurer un compte GTM et ajouter GTM à ton magasin. Google fournit un guide détaillé sur la façon de configurer les événements e-commerce GA4 dans GTM​​.

Autres événements recommandés par Google.

Outre les événements spécifiquement liés à l’e-commerce, Google recommande d’autres événements pertinents pour tous les types de propriétés, qui peuvent être utiles pour une analyse plus approfondie :

  • Inscription (sign_up) et Connexion (login) : Ces événements t’aident à comprendre quelles méthodes d’inscription et de connexion sont les plus populaires parmi tes utilisateurs​​.
  • Recherche (search) : Cet événement est déclenché lorsqu’un utilisateur recherche du contenu sur ton site/app. Suivre cet événement te permet d’identifier les contenus les plus populaires sur ton site/app​​.

Pour une liste complète des événements recommandés et des paramètres pris en charge, je te recommande de consulter la documentation officielle de Google sur les événements recommandés pour toutes les propriétés et de te référer à la documentation pour les développeurs pour la mise en œuvre de ces événements​​.

Utilisation d’extensions GTM/GA4 pour les CMS e-commerce.

Les plugins et extensions pour les CMS e-commerce, comme WooCommerce, facilitent l’intégration avec GA4 en poussant automatiquement les événements e-commerce dans le dataLayer, simplifiant le suivi et l’analyse.

Extensions GTM/GA4 pour WooCommerce (WordPress).

    1. GTM for WooCommerce FREE : Cette extension gratuite permet une intégration directe de WooCommerce avec Google Tag Manager, poussant les données e-commerce standard dans le DataLayer de GTM. Une fois l’extension activée et GTM configuré sur votre site, elle commence à émettre des événements e-commerce vers le DataLayer. L’extension offre également des presets de conteneur GTM que vous pouvez importer dans votre espace de travail GTM pour créer les balises, déclencheurs et variables nécessaires en quelques clics. Elle supporte les événements “purchase” et “add_to_cart” dans sa version gratuite, avec une prise en charge plus étendue dans sa version PRO​​.
    2. Google Tag Manager for WooCommerce PRO : Proposé par Tag Concierge, cette extension payante offre une intégration complète des événements e-commerce de WooCommerce avec GTM, compatible avec GA4. Elle automatise le processus de configuration de GTM en fournissant des presets emballés pour les principaux outils du marché, vous permettant de configurer et de lancer l’intégration en quelques étapes simples. L’extension facilite également l’intégration d’autres outils analytiques et d’optimisation via GTM, grâce à sa capacité à émettre des données e-commerce dans le format le plus récent de GA4. Elle est conçue pour fonctionner sans installation supplémentaire et commence à fonctionner dès son activation​​.
    3. GTM Kit – Google Tag Manager & GA4 integration : Spécifiquement pour WordPress, cet addon offre une intégration flexible de Google Tag Manager et Google Analytics 4 avec WooCommerce, permettant un suivi détaillé des événements e-commerce tels que “view_item”, “add_to_cart”, “begin_checkout”, et “purchase”. L’extension supporte une mise en œuvre flexible du script de conteneur et permet l’inclusion de données postales diversifiées dans le DataLayer pour une utilisation dans GTM. Elle est compatible avec le cache complet de la page, ce qui est crucial pour maintenir des performances optimales du site​​.

    Extensions GTM/GA4 pour PrestaShop.

    1. PrestaShop Google Integrator: Cet addon assure une intégration sans perte avec GA4, GTM et Google Ads, utilisant l’API Google. Il permet une analyse précise des ventes, un ciblage publicitaire précis et un remarketing dynamique. Le module offre une gestion avancée des sources d’entrée des clients, l’analyse des chemins d’achat, et garantit la transmission de 100% des conversions à GA4, GTM et Ads, quelle que soit la méthode de paiement utilisée​​.
    2. Tag Concierge Free: Cette extension pousse les informations standard du e-commerce – compatible avec GA4 Commerce et UA Enhanced eCommerce – dans le GTM Data Layer. Une fois ces informations disponibles dans ton espace de travail GTM, tu peux intégrer et utiliser n’importe quel outil disponible​​.
    3. Webkul’s Complete Guide to PrestaShop Google Tag Manager: Ce guide fournit une solution complète pour l’intégration de GTM dans PrestaShop, incluant le suivi des données de panier, de commande, de produit et de catégorie. Il propose également des fichiers de conteneur d’exemple pour importer en bloc les balises et déclencheurs dans GTM, simplifiant considérablement la configuration​​.

    Chacune de ces extensions offre des fonctionnalités uniques pour améliorer l’intégration de GTM et GA4 avec WooCommerce, facilitant ainsi le suivi détaillé des interactions e-commerce sur votre site. Le choix entre ces options dépendra de vos besoins spécifiques en matière de suivi, de votre budget et de la complexité de l’intégration que vous êtes prêt à gérer.

    Extensions GTM/GA4 pour Magento.

    Pour intégrer GA4 et GTM à Magento, plusieurs extensions sont recommandées, chacune offrant des fonctionnalités uniques pour améliorer le suivi et l’analyse de la performance de ton site e-commerce Magento.

    1. WeltPixel propose une extension GA4 avec support GTM pour Magento 2, facilitant le suivi des impressions de produits, des clics, des ajouts au panier, des étapes de paiement, et plus encore. L’extension est prête pour le multi-monnaie, multi-store, et compatible avec le GDPR. Elle offre également un support pour Google Ads Remarketing et Conversion Tracking, avec une version Pro ajoutant des fonctionnalités avancées comme le suivi des commandes hors ligne et le Measurement Protocol Tracking​​.
    2. MagePal est présenté comme la meilleure extension Magento 2 qui intègre GA4 avec GTM, offrant des rapports en temps réel, une analyse de données avancée, un suivi multi-appareils, et des options de personnalisation. Cette extension est idéale pour ceux qui cherchent à optimiser la performance de leur site web à un niveau supérieur​​.
    3. Anowave offre une extension GA4 pour Magento 2, prenant en charge le suivi e-commerce amélioré. Cela inclut le suivi des achats, des remboursements, des soumissions de formulaire de contact, et plus encore. Il fournit une intégration API avec Google Tag Manager, permettant la création automatique de toutes les balises, variables et déclencheurs directement depuis l’interface admin de Magento. L’extension est également compatible avec Google Ads Dynamic Remarketing et Meta Pixel Tracking, offrant une solution complète pour le suivi e-commerce et la publicité​​.

    Chaque extension offre un ensemble de fonctionnalités qui peut s’adapter à différents besoins commerciaux. Pour choisir l’extension la plus adaptée, considère les spécificités de ton site Magento, tes besoins analytiques et publicitaires, ainsi que le niveau de support et de maintenance offert par le développeur de l’extensio

    Exemple d’installation de l’extension GTM KIT dans WordPress.

    L’extension GTM Kit pour WooCommerce simplifie le processus d’intégration de GTM et GA4 sur ton site WordPress, en automatisant le suivi des événements e-commerce et en alimentant le dataLayer avec des données précises.

    Pour installer et configurer l’extension GTM Kit dans WordPress, afin d’intégrer efficacement WooCommerce avec Google Tag Manager (GTM) et Google Analytics 4 (GA4), voici un guide simplifié basé sur les informations fraîches récupérées :

    Installation de GTM Kit.

    1. Installation : Télécharge et installe l’extension GTM Kit depuis le répertoire des plugins WordPress ou en téléchargeant les fichiers directement sur ton serveur.
    2. Activation : Active l’extension via le menu ‘Plugins’ dans WordPress.
    3. Configuration : Saisis ton ID de conteneur GTM dans les réglages du plugin et enregistre les modifications. Cette étape est cruciale pour connecter ton site à GTM​​.

    Intégration avec WooCommerce.

    Une fois GTM Kit activé, l’intégration avec WooCommerce est simplifiée :

    • Événements e-commerce : L’activation de l’intégration inclut automatiquement des événements GA4 essentiels dans le dataLayer, tels que view_item_list, add_to_cart, begin_checkout, et purchase. Cela permet un suivi précis des interactions des utilisateurs avec les produits sur ton site​​.
    • Options d’intégration : GTM Kit offre plusieurs options pour affiner le suivi, comme inclure la marque du produit dans le dataLayer ou ajuster les paramètres pour le remarketing Google Ads. De plus, tu peux configurer des événements spécifiques du processus de commande, comme add_shipping_info ou add_payment_info, pour analyser en détail le parcours d’achat sur ton site​​.
    • Personnalisation : Si ton store WooCommerce a des besoins spécifiques non couverts par les scripts JS par défaut de GTM Kit, tu as la possibilité de désactiver ces scripts et d’inclure les tiens pour une compatibilité maximale​​.

    Configuration de Google Tag Manager.

    Après avoir configuré GTM Kit, poursuis avec la mise en place des balises nécessaires dans GTM. Si tu es nouveau avec GTM, des ressources comme Analytics Mania sont recommandées pour bien démarrer. Cette étape est essentielle pour s’assurer que toutes les données recueillies via WooCommerce et GTM Kit sont correctement envoyées et traitées dans GA4​​.

    Configuration des variables de couche de données “dlv ecommerce.items” pour récupérer l’objet “items” des événements GA4.

    Configuration du paramètre “items” dans les événements e-commerce GA4

    Dans GA4, le suivi e-commerce est conçu autour d’événements spécifiques qui peuvent inclure un paramètre “items”. Ce paramètre est un tableau qui contient des objets représentant chaque article impliqué dans l’événement. Par exemple, pour un événement “add_to_cart”, le paramètre “items” inclurait des informations sur les produits ajoutés au panier.

    Chaque objet dans le tableau “items” peut contenir plusieurs champs, tels que :

    • id (obligatoire) : L’identifiant unique du produit.
    • name (obligatoire) : Le nom du produit.
    • brand : La marque du produit.
    • category : La catégorie du produit.
    • variant : La variante du produit (par exemple, couleur ou taille).
    • price : Le prix d’un seul produit.
    • quantity : Le nombre d’unités du produit.

    Configuration d’une variable dans GTM pour stocker le contenu du paramètre “items”

    Pour capturer et utiliser le contenu du paramètre “items” dans tous les événements e-commerce GA4 dans GTM, tu peux créer une variable personnalisée. Voici comment :

    1. Ouvre ton conteneur GTM et accède à la section “Variables”.
    2. Clique sur “Nouvelle” pour créer une nouvelle variable.
    3. Sélectionne le type de variable “Variable de couche de données” (Data Layer Variable).
    4. Configure la variable :
      • Dans le champ “Nom de la variable de couche de données”, saisis “ecommerce.items” ou le chemin approprié vers le tableau “items” dans ta structure de Data Layer.
      • Tu peux laisser les autres options par défaut ou les ajuster selon tes besoins.

    Cette variable peut ensuite être utilisée dans la configuration de tes balises GA4 pour transmettre des informations sur les articles aux événements e-commerce dans GA4.

    Application dans les événements e-commerce.

    Lors de la configuration d’une balise événement GA4 dans GTM pour un événement e-commerce, tu peux référencer la variable “items” que tu as configurée pour inclure les informations sur les produits dans l’événement. Dans les paramètres de la balise, sous “Paramètres de l’événement”, tu ajouterais un paramètre nommé “items” et lui attribuerais la variable créée précédemment.

    Cette approche assure que les données détaillées sur les produits sont capturées et envoyées à GA4, permettant une analyse approfondie de ton e-commerce.

    Ce processus permet un suivi précis des interactions des utilisateurs avec les éléments e-commerce de ton site, offrant des insights détaillés sur le comportement d’achat et l’efficacité des différentes étapes du parcours client.

    Création et configuration d’une balise événement GA4.

    Pour configurer une balise événement “add_to_cart” (ajout au panier) dans Google Analytics 4 (GA4) en utilisant Google Tag Manager (GTM), suis ces étapes détaillées basées sur les meilleures pratiques recueillies de différentes sources.

    Étape 1 : Créer la balise d’événement “add_to_cart” dans GA4.

    1. Crée une nouvelle balise dans ton espace de travail GTM.
    2. Sélectionne “Configuration de la balise” et choisis “Événement GA4” comme type de balise.
    3. Dans le menu déroulant de la configuration de la balise, sélectionne ta balise de configuration.
    4. Pour le nom de l’événement, entre “add_to_cart”.
    5. Entre “items” pour notre paramètre d’événement. Pour la valeur, utilise la variable dataLayer “items” expliquée dans des articles précédents. Cette configuration devrait être familière car le nom du paramètre “items” est le même que dans l’événement d’achat.

    Il est crucial que la variable “items” lise à partir du tableau d’articles de ton dataLayer. Cela fonctionne uniquement si ton dataLayer est présent sur les pages de produits. Tu peux tester cela en utilisant le mode Aperçu de GTM et en interagissant avec la fonctionnalité “Ajouter au panier” de ton site web​​​​.

    Étape 2 : Créer le déclencheur “Add to Cart”.

    La plupart du temps, le déclencheur pour ajouter des articles au panier est un clic sur un bouton ou un lien.

    1. Crée un nouveau déclencheur.
    2. Sélectionne “Clic – Juste des liens” comme type de déclencheur.
    3. Sélectionne “Certains clics sur des liens”.
    4. Crée une nouvelle condition où la variable est le texte du clic, le type de correspondance contient, et la valeur est “Add to Cart”.

    Ce déclencheur se déclenchera chaque fois qu’un lien avec le texte “Add to Cart” est cliqué sur l’ensemble du site. Tu peux spécifier ce déclencheur si tu veux uniquement suivre un sous-ensemble de pages​​.

    Test et validation.

    Active le mode Aperçu de GTM, interagis avec le bouton “Ajouter au panier” sur ton site web et vérifie si la balise se déclenche. Après une réussite, consulte les données en temps réel de ton compte GA4 pour voir l’événement. Les données en temps réel afficheront l’événement dans quelques minutes, mais il faudra plusieurs heures pour que l’événement soit traité dans les autres rapports GA4​​.

    Prévisualisation pour tester le bon déclenchement de la balise événement Google avec Tag Assistant.

    Pour tester correctement le déclenchement de ta balise GA4 avec Google Tag Assistant, suivons un processus détaillé qui t’assurera d’obtenir des données précises et fiables.

    1. Crée un déclencheur dans GTM : Avant tout, tu dois créer un déclencheur dans GTM qui dicte à ta balise les circonstances sous lesquelles elle doit collecter des données. Pour les vues de page, par exemple, tu créeras un déclencheur basé sur les “Page Views” pour qu’il se déclenche sur toutes les vues de page. Cela te permet d’assurer que ta balise est déployée chaque fois qu’une page de ton site est vue​​.
    2. Crée une balise GA4 dans GTM : Ensuite, tu dois créer une balise qui indiquera à GTM quoi faire avec les données de vue de page capturées. Dans la configuration de ta balise, tu sélectionneras “Google Analytics: GA4 Configuration” comme type de balise et entreras ton ID de mesure GA4. Assure-toi de sélectionner le déclencheur que tu as créé à l’étape précédente pour cette balise​​.
    3. Où trouver l’ID de mesure GA4 : Si tu te demandes ce qu’est un ID de mesure et où le trouver, tu peux le trouver dans ta propriété GA4. Dans la section Admin de GA4, sous la colonne de la propriété, ouvre les flux de données pour voir ton ID de mesure dans le coin supérieur droit​​.
    4. Prévisualiser et tester avec Google Tag Assistant : Avant de publier tes modifications, utilise le mode de prévisualisation de GTM pour t’assurer que ta balise se déclenche correctement sur ton site. Ceci est essentiel pour vérifier que les données commencent à être collectées sans erreurs. Tu peux observer en temps réel dans Tag Assistant si la balise se déclenche comme prévu lors de l’interaction désignée sur ton site.

    En suivant ces étapes, tu auras non seulement configuré ta balise GA4 mais aussi vérifié son bon fonctionnement grâce à Google Tag Assistant, garantissant ainsi une collecte de données précise et fiable.

    L’intégration de Google Analytics 4 via Google Tag Manager, en se concentrant sur le suivi des événements e-commerce, offre une puissance Analytics considérable. En suivant ces étapes, tu pourras non seulement configurer GA4 et GTM de manière efficace mais aussi optimiser le suivi de tes événements e-commerce pour obtenir des insights précieux sur le comportement des utilisateurs sur ton site. L’extension GTM Kit pour WordPress simplifie encore plus ce processus pour les utilisateurs de WooCommerce, rendant le suivi e-commerce accessible sans coder. Avec une configuration correcte et des tests approfondis via le mode de prévisualisation de GTM, tu peux assurer une collecte de données fiable et prête à informer tes stratégies marketing et d’optimisation de site.

    Retour en haut