Configurez Google Tag Manager en 5 minutes
Google Tag Manager est un outil puissant pour gérer tous vos tags de suivi au même endroit. Vous pouvez l’utiliser pour une configuration web basique ou pour une configuration côté serveur plus avancée. Pour commencer, il faut suivre quelques étapes claires:
- Connectez-vous à tagmanager.google.com, puis créez un compte et un conteneur GTM.
- Acceptez les conditions relatives au traitement des données.
- Ajoutez les extraits de code GTM dans les sections head et body de votre site web.
- Configurez vos tags, déclencheurs et variables dans le conteneur.
- Testez votre configuration avec Google Tag Manager's preview and debug mode, puis publiez les changements.
Le guide complet avec les instructions étape par étape pour les configurations de conteneur web et de conteneur serveur est disponible plus bas dans cet article. Pour aller plus vite, vous pouvez aussi consulter le Setup Assistant, un outil gratuit développé par Stape. Il ajoute automatiquement des modèles de suivi prêts à l’emploi dans vos conteneurs GTM selon les plateformes que vous choisissez.
Qu’est-ce que Google Tag Manager?
Google Tag Manager (GTM) est une solution de gestion des tags développée par Google. Elle aide à gérer les codes de suivi sur votre site web plus facilement. Avec GTM, vous pouvez gérer tous vos tags dans une seule interface. Cela évite d’ajouter chaque code à la main dans le HTML de votre site et rend le suivi des données plus simple à gérer.
Concepts clés de Google Tag Manager
Conteneurs
Un conteneur est un petit morceau de code que vous ajoutez à votre site web. Il charge tous les tags que vous configurez dans l’interface de Google Tag Manager.
Il existe deux types de conteneurs dans GTM: web et serveur. Les conteneurs web et serveur servent tous les deux à gérer des tags de suivi, mais ils ne fonctionnent pas de la même manière. La différence principale se trouve dans l’endroit où les données sont traitées: dans le navigateur de l’utilisateur, côté client, ou sur un cloud server, côté serveur.
Web GTM fonctionne directement dans le navigateur du visiteur. Quand une personne arrive sur votre site, son navigateur charge les scripts de suivi, comme Google Analytics, Meta Pixel ou les tags TikTok. Chaque script envoie ensuite les données directement vers sa plateforme. Cette méthode est rapide à mettre en place. Sa limite vient des restrictions qui peuvent réduire le suivi, comme les bloqueurs de publicités et les restrictions des navigateurs, par exemple les ITP. Cela entraîne une perte de données.
Server GTM envoie les événements vers un cloud server où votre server Google Tag Manager container est hébergé. À partir de là, vous pouvez nettoyer, filtrer ou enrichir les données avant de les envoyer à chaque plateforme. Cela réduit la perte de données, aide à contourner certaines restrictions des navigateurs et limite l’exposition directe aux scripts tiers.
Le suivi côté serveur ne remplace pas complètement le suivi dans le navigateur. Le navigateur collecte encore la plupart des données. La différence est que ces données passent d’abord par votre serveur, ce qui aide à améliorer leur qualité et leur transmission.
Tags
Un tag est un morceau de code qui transmet des données vers d’autres plateformes, comme Google Analytics 4, Meta, Google Ads ou TikTok. Le rôle d’un tag est de récupérer les données d’un événement, de les mettre dans le bon format, puis de les envoyer aux serveurs de la plateforme choisie.
Stape est le plus grand contributeur à la bibliothèque de tags. Plus de 100 tags ont été approuvés et ajoutés aux bibliothèques web et server GTM. Vous pouvez consulter les tags de Stape dans la GTM Template Gallery ou sur GitHub.
Déclencheurs
Les déclencheurs contrôlent quand et comment les tags sont activés. Ils définissent les conditions qui doivent être remplies pour qu’un tag fonctionne. En configurant les déclencheurs, vous vous assurez que les bons tags se lancent au bon moment et que vous capturez les interactions utilisateur prévues.
Variables
Les variables extraient des informations précises des requêtes HTTP entrantes et rendent ces données disponibles pour les autres éléments du conteneur GTM, comme les tags, les déclencheurs et les clients. Les variables peuvent être utilisées dans les tags, les déclencheurs et même dans d’autres variables.
Une variable peut aussi contenir des données ou des paramètres, par exemple un Meta Pixel ID ou un Google Analytics 4 Measurement ID. Quand vous configurez vos tags, vous pouvez utiliser des variables avec les données nécessaires au lieu de les ajouter à la main à chaque fois.
Clients
La section Clients existe uniquement dans le conteneur server GTM. Un client reçoit les requêtes HTTP entrantes, les transforme en données d’événement et renvoie une réponse. Après avoir traité la requête, le client rend les données disponibles pour les tags et déclencheurs dans le conteneur server Google Tag Manager.
Transformations
La section Transformations existe aussi uniquement dans le conteneur server GTM. Une transformation est un élément qui se place entre le client et le tag.
Les données sont envoyées au conteneur sGTM via une requête HTTP entrante. Quand un client traite cette requête, il convertit les données en informations d’événement que les tags, déclencheurs ou variables peuvent utiliser dans sGTM.
Les transformations vous permettent d’ajouter, de supprimer ou de modifier des paramètres d’événement après le traitement de la requête HTTP entrante par le client, mais avant que le tag accède aux données.
Comment configurer Google Tag Manager?
Comment configurer un conteneur web GTM
1. Accédez à Google Tag Manager et connectez-vous à votre compte Google.
2. Dans l’onglet Accounts, cliquez sur Create account.
3. Ajoutez le nom du compte, choisissez le pays, nommez le conteneur et sélectionnez la plateforme cible. Dans ce cas, il s’agit du web. Cliquez sur Create.
4. Acceptez les conditions relatives au traitement des données.
5. Installez Google Tag Manager sur votre site web en suivant les instructions données
Veuillez noter: l’extrait de code GTM doit être placé sur chaque page de votre site web. Vous pouvez le faire à la main, mais cela prend trop de temps si votre site contient beaucoup de pages. Pour cela, vous pouvez utiliser des plugins disponibles sur la marketplace de votre CMS ou l’une des apps de Stape. Elles servent surtout à configurer le suivi côté serveur, mais elles peuvent aussi ajouter automatiquement un extrait GTM:
Voici un exemple pour activer l’ajout automatique de l’extrait GTM sur chaque page du site avec un plugin WordPress
- Téléchargez le plugin WordPress par Stape.
- Connectez-vous à votre interface WordPress Admin et accédez à la section des plugins. Cliquez ensuite sur Add plugin, puis sur Upload plugin, et sélectionnez le fichier que vous avez téléchargé.
- Après l’import, cliquez sur Install now, puis sur Activate plugin.
Cliquez sur Settings sous le nom du plugin. Activez l’option qui ajoute le code de l’extrait web GTM sur chaque page de votre site web, puis ajoutez l’ID du conteneur GTM.
Vous pouvez trouver l’ID web GTM dans votre conteneur:
Comment configurer le conteneur server GTM
Pour configurer le conteneur server GTM, vous aurez besoin de deux éléments:
- Un conteneur web GTM configuré comme montré plus haut.
- Un fournisseur d’hébergement pour le conteneur server GTM. L’une des options connues consiste à utiliser Google Cloud Platform (GCP), mais cette solution peut coûter plus cher et être plus difficile à utiliser, surtout pour les nouveaux utilisateurs. Stape est donc une alternative à GCP plus abordable et plus facile à utiliser.
La configuration du conteneur server GTM est plus complexe que celle du conteneur web. Elle comprend les étapes suivantes:
- Créez un conteneur server GTM dans Google Tag Manager.
- Hébergez le conteneur sur Stape.
- Configurez une URL de serveur de tagging personnalisée pour définir des cookies first-party.
- Créez un Google Tag dans le conteneur Web GTM.
- Configurez le client GA4 dans le conteneur server GTM pour envoyer les données du web vers le conteneur server GTM.
- Activez les power-ups de Stape, comme Custom Loader et Cookie Keeper, pour rendre les codes de suivi moins sensibles aux bloqueurs de publicités et aux restrictions des navigateurs.
Nous avons un guide complet sur la configuration du conteneur server GTM. Dans cet article, nous décrivons brièvement les étapes. Pour les instructions détaillées, consultez ce guide.
Configuration GTM manuelle vs avec plugin: comparaison rapide
| Configuration manuelle | Configuration avec plugin ou app | |
|---|---|---|
| Fonctionnement | Les extraits GTM sont ajoutés directement dans le code source du site web. | Un plugin CMS ou une app ajoute automatiquement l’extrait GTM sur chaque page. |
| Connaissances techniques requises | Nécessite un accès au code du site et une bonne compréhension de celui-ci. | Niveau minimal, la configuration se fait dans le panneau d’administration du CMS. |
| Temps de mise en place | Plus long, surtout sur les grands sites avec beaucoup de pages. | Rapide, en quelques clics après l’installation du plugin. |
| Risque d’erreurs | Plus élevé, car les extraits peuvent être mal placés ou ajoutés de manière irrégulière. | Plus faible, car le plugin gère le placement de manière cohérente sur toutes les pages. |
| Convient à | Développeurs et utilisateurs avec de l’expérience technique. | Débutants et utilisateurs non techniques. |
| Compatibilité | Tous les sites web. | Nécessite un CMS pris en charge, comme WordPress, Shopify, Magento 2, BigCommerce, Wix, PrestaShop ou Salla. |
| Maintenance | Mises à jour manuelles si l’extrait doit changer. | Le plugin gère les mises à jour automatiquement. |
La configuration de tags pour plusieurs plateformes peut prendre du temps. Le Setup Assistant est un outil gratuit de Stape qui génère et importe automatiquement des modèles GTM prêts à l’emploi selon les plateformes que vous sélectionnez, sans toucher à une seule ligne de code. Il fonctionne avec les CMS les plus utilisés et prend en charge Google Analytics 4, Google Ads, Meta, TikTok, LinkedIn et plus encore. Consultez notre guide sur la configuration du Setup Assistant pour commencer.
FAQ
Où ajouter le code de Google Tag Manager?
La partie <script> du code Google Tag Manager doit être placée dans la section <head> de votre site web. La partie <noscript> doit être ajoutée dans la section <body>, idéalement juste après la balise ouvrante <body>.
Quand configurer GTM?
Configurez Google Tag Manager avant le lancement du site web. De cette façon, vous pouvez commencer à suivre les données dès le premier jour et éviter les trous dans vos rapports d’analyse.
Quelle est la différence entre Gtag et GTM?
GTM est un système de gestion des tags qui permet de configurer le suivi des données pour différentes plateformes. Gtag.js est une bibliothèque qui, après son installation sur le site web, peut charger des codes de suivi pour un nombre limité de plateformes, comme Google Analytics 4 et Google Ads.
Qu’est-ce qu’un tag GTM?
Un tag GTM est un extrait de code qui envoie des données vers des plateformes externes, comme Google Analytics 4, Meta, Google Ads ou Snapchat. Son rôle est de récupérer les données d’événement, de les formater correctement, puis de les transmettre aux serveurs de la plateforme choisie.
Commentaires