Google Tag Manager

👉Apprenez à poser et personnaliser vos tags site-centrics et tags media

 

Informations pratiques (pour les formations Cegos)

Accès à vos documents

Accédez au support en cliquant dans ce cartouche

Horaires

La formation de déroule de 9.00 à 17.00, avec les pauses suivantes :

 

  • Le matin : 10.30 – 10.45
  • Au déjeuner : 12.15 – 13.45
  • L’après-midi : 15.30 -16.00
Recueil de vos attentes

Veuillez remplir ce questionnaire.

Les informations recueillies permettront d’adapter le contenu de cette formation à vos attentes propres.

Bonnes pratiques

Cette formation n’est pas une session de débuggage individuel

Dans le cadre de cette formation, nous essayons, dans la mesure du possible, d’utiliser vos sites webs et vos problématiques comme cas pratiques. A ce titre, il est possible que l’on découvre sur votre site certains paramétrages devant être optimisés, plus ou moins en lien avec GTM.

Ce peut être par exemple un souci au niveau du dataLayer qui ne remonte pas toutes les informations nécessaires, votre outil de recueil du consentement dont le paramétrage ne permet pas une récupération de l’information granulaire par vendors, etc…..Veuillez garder à l’esprit que ces deux jours ne sont pas dédiés à une session de débuggage individuel, mais bien une formation de TOUS les participants, spécifiquement sur l’utilisation de GTM.

L’ordre et la durée du temps passé sur chaque module de la formation ne sont pas figés

Selon les attentes exprimées, et pour être sûr de couvrir en premier lieu ce qui sera utilisé quotidiennement par les participants, il est possible de commencer la session directement par l’étude de l’interface utilisateur (pour des personnes rattachées au service marketing, acquisition, traffic managers, …) ou de commencer par l’implémentation, et d’y passer plus de temps (pour les développeurs).

Affichage de l'extrait du support relatif à chaque module

📌 Pour faire apparaître les slides encapsulées dans les pages, il faut ajouter un paramètre à l’url utilisée : https://www.formation.dibenn.com/formation-google-tag-manager/?cegos. 

Ceci a pour effet de stocker l’information en session storage (Key = « intra », value = »Cegos »). la présence de ces éléments va déclencher l’affichage.

Attention : le stockage ne dure que le temps d’une session : dès que votre session sera terminée, il faudra à nouveau vous rendre sur les pages en utilisant ce paramètre : /?cegos. 

Table des matières 

Théorie  et principes

Cookies – Aspects légaux

Composants de GTM

Tags site centrics

Variables

Tags ad centrics

Théorie et principe

En quelques mots …

Il existe deux moyens de poser les tags via un TMS 

👉 Web to server (méthode traditionnelle, de plus en plus mise à mal par la disparition des cookies)

👉 server to server : qui est actuellement utilisée en compmlément de la première méthode, à laquelle elle devrait prochainement de substituer. 

 

Ressources utiles

Le point de départ de toute implémentation d’un gestionnaire de balises est le plan de taggage. Retrouvez ici un exemple de plan de taggage, pour ce site de formation.

gtm web to server vs server to server 

En quelques mots …

 

👉 Web to server (méthode traditionnelle, de plus en plus mise à mal par la disparition des cookies) : les balises de votre site web ou de votre application sont exécutées sur l’appareil de l’utilisateur.

👉 server to server :  les balises de votre site web ou application sont exécutées sur un serveur dédié

 

📌 GTM Server to server ne remplace pas GTM web, mais le complète.

Si vous devez écouter des événements survenant sur votre site, vous aurez toujours besoin en premier lieu d’utiliser GTM web pour détecter les événements. Depuis GTM web, votre tag pourra envoyer une url de requête sur le serveur sur lequel est installé GTM server.

A ce stade, vous pourrez enrichir les donnée, expurger les informations sensibles, etc…

Différences entre GTM web et GTM server
conteneurs de serveur conteneurs Web
Les conteneurs serveur s’exécutent sur le serveur Les conteneurs Web s’exécutent dans le navigateur
Les conteneurs de serveur digèrent les requêtes HTTP Les conteneurs Web utilisent la couche de données
Les conteneurs de serveur utilisent uniquement JavaScript en mode sandbox. Les conteneurs Web peuvent déployer des balises HTML et exécuter du code JavaScript personnalisé lors de l’exécution.
Les conteneurs de serveurs peuvent engendrer des coûts liés à la maintenance de l’environnement serveur. Les conteneurs Web sont gratuits

Ressources utiles

Le point de départ de toute implémentation d’un gestionnaire de balises est le plan de taggage. Retrouvez ici un exemple de plan de taggage, pour ce site de formation.

Composants de GTM

En quelques mots …

Fonctionnalités et composants essentiels de GTM Web to server
  • Tags
  • Triggers positifs / négatifs
  • Variables
  • DataLayer
  • Templates
  • Preview mode et publication
  • Import et export de container
  • Workspace

Variables

En quelques mots …

Les Variables permettent une configuration de suivi avancée et flexible.

Dans sa forme la plus simple, une variable est une question que GTM pose, et la réponse qu’il reçoit est la valeur.
Par exemple, la variable « Page URL » demande : « Quelle est l’URL de la page sur laquelle l’utilisateur se trouve actuellement ? » La réponse—https://www.votresite.com/page-produit—est la valeur que GTM peut ensuite utiliser dans une balise ou un déclencheur.
Les variables vous permettent de capturer et de réutiliser dynamiquement des informations cruciales sans les coder en dur.
Ce sont des espaces nommés qui détiennent des valeurs qui sont renseignées automatiquement lorsqu’un utilisateur interagit avec votre site web ou votre application mobile.
Par exemple : au lieu de créer une balise distincte pour chaque page de produit, vous pouvez créer une seule balise qui extrait dynamiquement le nom du produit et son prix en utilisant des variables.

Deux catégories de variables.

📌 Variables intégrées

Véritable boîte à outils, ces variables ‘pré-paramétrées’ sont prêtes à être utilisées. En un seul clic, elles peuvent être activées et ‘nourrir’ vos balises ou déclencheurs, avec les informations suivantes :

  • Les Pages : Capturer des informations sur la localisation de l’utilisateur, comme Page URL, Page Hostname ou Page Path.
  • Les Clics : Récupérer les détails sur ce qu’un utilisateur a cliqué, comme le Click Text, Click ID ou Click URL.
  • Les Formulaires, Erreurs, et plus : Fournir des points de données liés aux soumissions de formulaires, aux erreurs JavaScript et à d’autres interactions de l’utilisateur.
📌 Variables définies par l'utilisateur

Elles servent à collecter des données uniques à votre entreprise. Vous configurez ces variables vous-même pour capturer des informations très spécifiques.
Le type le plus courant est la Variable de Couche de Données (Data Layer Variable), qui récupère les valeurs de la Couche de Données (Data Layer). Il s’agit d’une couche virtuelle sur votre site web où vous pouvez stocker temporairement des informations comme les SKU des produits, les ID d’utilisateurs ou les totaux de commande.

D’autres types de variables définies par l’utilisateur incluent :

  • Tableau de Correspondance (Lookup Table) : Utilisé pour transformer une valeur en une autre, comme transformer un chemin de page en un nom de catégorie significatif.
  • JavaScript Personnalisé (Custom JavaScript) : Pour les scénarios avancés où vous devez écrire votre propre code pour extraire des informations d’une page.

Comment les variables fonctionnent avec les balises et les déclencheurs

📌 Variables dans les balises :

Vous insérez des variables dans vos balises pour envoyer des données dynamiques à vos outils d’analyse. Par exemple, dans une balise Google Analytics, vous pourriez utiliser une Variable de Couche de Données pour transmettre la valeur de la commande et l’ID du produit.

📌Variables dans les déclencheurs :

Les variables sont utilisées pour créer des conditions de déclenchement très spécifiques. Vous pourriez configurer un déclencheur pour qu’il se déclenche uniquement lorsque la variable Page Path est égale à /merci ou lorsque la variable Click Text contient les mots « Télécharger maintenant ».

Exercices pratiques

Tags site-centrics 

En quelques mots …

Nous allons tenter de reproduire plusieurs cas d’usage de pose de tag site-centrics installés via GTM. 

Les exemples illustrent : 

  • les cas de figure où l’on implémente le script d’un outil de mesure d’audience (GA4, Matomo, Amplitude, etc…)
  • les cas de figure où il s’agit d’un script personnalisé, développé sur-mesure, pour répondre à un besoin précis de l’entreprise. 

Ressources utiles

Support Google pour implémentation du Google tag via GTM : https://support.google.com/analytics/answer/15756616

Tags ad-centrics 

En quelques mots …

Les tags publicitaires (souvent appelés « Pixels ») sont des fragments de code fournis par les régies (Google Ads, Meta, TikTok…) qui créent un pont entre votre site web et leurs plateformes. Ils remplissent deux fonctions vitales pour le ROI (Retour sur Investissement) :

  1. Le suivi des conversions (Key Events) : Ils permettent à la régie de savoir qu’un clic sur une publicité a abouti à une action concrète sur votre site (achat, formulaire rempli, téléchargement). Sans cela, l’algorithme publicitaire est aveugle et ne peut pas optimiser vos campagnes.
  2. La constitution d’audience (Remarketing/Retargeting) : Ils marquent les visiteurs de votre site pour vous permettre de les recontacter plus tard. Par exemple, vous pouvez cibler une publicité spécifique uniquement aux personnes qui ont « ajouté au panier » mais n’ont pas « acheté ».

Ressources utiles

Bibliothèque de ressources par Régie (GTM web to server)

Voici les liens vers les documentations officielles pour configurer le suivi Web.

👉 Pour la plupart de ces régies, la logique dans GTM est toujours la même : on pose un Tag de base (Page vue / Base Pixel) sur toutes les pages, puis des Tags d’événements spécifiques pour les conversions et l’e-commerce.

👉 Concernant l’aspect E-commerce, la structure du DataLayer (couche de données) est la clé. Si le DataLayer est bien fait (format GA4 par exemple), on peut utiliser les mêmes Variables de couche de données (ex: ecommerce.value) pour alimenter le tag Google Ads, le tag Meta et le tag TikTok en même temps. C’est là que l’utilité de GTM est la plus perceptible. 

Google Ads
Microsoft Advertising (Bing Ads)

Utilise le tag « UET » (Universal Event Tracking). Il existe un template natif dans GTM.

TikTok for Business

Utilise le « TikTok Pixel ». Il existe un template natif dans GTM très efficace.

Meta (Facebook & Instagram)

Meta ne fournit pas de template « natif » Google (créé par Google), mais il existe un excellent template dans la Galerie de modèles communautaires (Community Template Gallery).

LinkedIn Ads

Utilise le « LinkedIn Insight Tag ». Il existe un template natif dans GTM.

Snapchat Ads

Utilise le « Snap Pixel ». Il existe un template natif dans GTM.

  • Guide global :  Implémentation du Snap Pixel

  • Suivi e-commerce : Le guide ci-dessus détaille les paramètres (item_id, price) à passer dans le tag GTM pour les événements PURCHASE ou ADD_CART.