GTM-pour-e-commerce

Concrètement, il s’agit d’une expression de besoins. Il s’agit de définir en premier lieu ce que l’on souhaite mesurer, et pourquoi.

Ce document, partagé avec toutes les parties prenantes, liste les tags à placer, et les informations à récupérer.

👉 C’est le marketing / le service acquisition & ventes qui initie ce document.
Voir un exemple ici pour un site e-commerce
Voir un exemple ici pour un site vitrine

👉 C’est une tâche qui est dévolue au développeurs du site, ou à un prestataire

Il s’agit de s’assurer que les informations que nous souhaitons collecter sont bien disponibles sur le site, soit dans l’html de la page (ex : url), soit en local ou sessions storage, soit dans le dataLayer

Voici ici un exemple de document dans lequel on demande la conservation / l’ajout de certains éléments html

Après observation du code html du site, nous avons détecté des informations que nous allons pousser dans le dataLayer à chaque fois qu’un bouton ‘add_to_cart’ est cliqué sur le site. Il s’agit des informations que nous avons pu observer comme étant disponibles et utilisables sur le site.

Nous allons pouvoir pousser ces informations dans le dataLayer. Elles pourront ainsi être ‘distribuées’ dans tous les tags (site centrics et media)

dataLayer.push({
                event: "Dibenn_Shop_ClicksAddToCart",
                "product name": this.ariaLabel,
                "data-quantity": this.dataset.quantity,
                "data-product_id": this.dataset.product_id,
                "data-price": this.dataset.price
            })

Selon les outils, les informations demandées ne sont pas toujours les mêmes, et ne seront pas toujours demandées au même format
👉 C’est le service IT qui prend en charge cette partie, de concert avec le département acquisition / marketing
Voir ici les documentations relatives aux principaux outils ad centric et site centric

📌 Il existe par ailleurs beaucoup de plugins, qui permettent directement l’intégration de votre outil de mesure avec votre site e-commerce. Voici un exemple avec Matomo.

Si vous choisissez cette option, pensez à bien valider que les informations ne seront collectées qu’une fois le consentement utilisateur recueilli. Si vous avez un doute, vous pouvez par précaution utiliser GTM, qui vous permet, avec le système de déclencheur, de bloquer les tag si le consentement n’a pas été recueilli.

Voici ce que préconise la documentation de Meta, pour le suivi de l’événement ‘add to cart’

Nous allons utiliser les informations disponibles collectées à l’étape 2. Les libellés peuvent varier d’un outil à l’autre; nous allons établir une table de correspondance.

Nous allons avoir besoin de créer une variable GTM pour les stocker, car certaines, comme les noms de produits, seront utilisées par tous les tags.

(1) Product name final : nous allons utiliser la variable ‘product name’, mais ne garder que la partie de la chaîne de caractères qui comprend le nom du produit.

Par exemple, on pourra stocker dans une variable l’identifiant publicitaire de la régie que l’on utilise, pour éviter les erreurs de copier-collers. GTM offre la possibilité de créer une multitude de variables différentes.

Comme nous l’avons vu précédemment, nous allons avoir besoin de disposer des informations suivantes concernant les produits mis au panier : nom du produit, identifiant produit, et prix. Nous sommes dans un cas typique de création de variables depuis le dataLayer.

La variable ‘product name final’, elle, sera créé avec un custom javascript, à partir de la variable ‘product name’

Pour les tags ‘simples’ (de page vues par exemple), on pourra effectuer un copie-coller du script fourni par la régie publicitaire ou l’outil de mesure (en n’oubliant pas de modifier à minima l’identifiant du compte publicitaire ou du compte client).

Pour les tags un peu plus complexes, qui demandent par exemple des dimensions et variables obligatoires, il pourra être nécessaire de remanier le dataLayer, pour nourrir les tags avec les données au format désiré. Dans ce cas, il est recommandé de confier cette tâche à un développeur.

Enfin, il existe une librairie de modèles de tags dans GTM, qui peuvent éventuellement vous épargner cette tâche.

Voici le trigger positif associé à ce tag

On peut utiliser la fonction ‘preview’ de GTM, la console du navigateur, et les différents add-ons proposés par les outils et les régies publicitaires pour s’assurer que les tags se déclenchent comme attendu.

📌 On prêtera une attention particulière au respect du consentement utilisateur.