Ce que vous allez apprendre
- Les 3 concepts fondamentaux de GTM (tags, déclencheurs, variables)
- Comment installer GTM sur n'importe quel site
- Créer et tester un tag GA4 de A à Z
- Les bonnes pratiques pour garder un conteneur propre
C'est quoi Google Tag Manager (et pourquoi vous en avez besoin)
Google Tag Manager est un gestionnaire de balises gratuit édité par Google. En termes simples, c'est un conteneur que vous installez une seule fois sur votre site, et qui vous permet ensuite d'ajouter, modifier ou supprimer n'importe quel script tiers — sans retoucher le code source.
Avant GTM, chaque nouvel outil marketing (GA4, Pixel Meta, balise Google Ads, Hotjar, chat live) nécessitait une intervention de votre développeur pour ajouter le bon script au bon endroit dans votre HTML. Avec GTM, vous faites ça depuis une interface web en quelques clics.
Le gain concret : les équipes marketing gagnent leur autonomie. On veut tester un nouvel outil d'A/B testing ? On l'ajoute dans GTM sans ouvrir un ticket en interne. On veut retirer un chat widget qui ralentit le site ? Supprimé en deux minutes. Notre service Data & Analytics s'appuie systématiquement sur GTM pour toutes les missions de tracking client.
« GTM n'est pas un outil technique : c'est un outil d'indépendance. Il remet entre les mains du marketing la capacité de mesurer et d'itérer sans attendre une mise en production. »
— Simo Ahava, consultant Analytics & GTM, simoahava.com
Les 3 concepts clés à comprendre avant tout
GTM repose sur trois notions fondamentales. Si vous les comprenez, le reste coule de source.
Les Tags — c'est quoi
Un tag est un morceau de code JavaScript que GTM va injecter dans votre page. Ce peut être le code de suivi GA4, le Pixel Meta, la balise de conversion Google Ads, le script Hotjar... GTM connaît les tags les plus courants et propose des modèles préconfigurés. Vous n'avez même pas à écrire le code, juste à renseigner votre identifiant de mesure ou votre ID de pixel.
Les Déclencheurs — quand
Un déclencheur définit la condition dans laquelle le tag s'exécute. "Sur toutes les pages", "quand l'utilisateur clique sur un bouton avec la classe .cta", "quand un formulaire est soumis", "quand l'utilisateur scroll jusqu'à 50 % de la page"... Les déclencheurs sont la logique de GTM. Un tag sans déclencheur ne se déclenche jamais.
Les Variables — les données dynamiques
Les variables sont des valeurs dynamiques que GTM peut lire et utiliser dans vos tags et déclencheurs. Par exemple : l'URL de la page courante, le texte d'un bouton cliqué, la valeur d'un champ formulaire, ou une valeur que vous avez vous-même poussée dans le dataLayer. Les variables rendent vos configurations flexibles et réutilisables.
Installer GTM sur son site
Créer un compte
Rendez-vous sur tagmanager.google.com et connectez-vous avec un compte Google. Cliquez sur "Créer un compte". Renseignez le nom de votre entreprise, le pays, puis les informations du conteneur : le nom du conteneur (le nom de votre site fait très bien l'affaire) et la plateforme cible (Web pour un site web classique). GTM crée alors votre compte et votre premier conteneur.
Le snippet à placer
GTM génère deux fragments de code. Le premier est une balise <script> à placer le plus haut possible dans la section <head> de votre HTML. Le second est une balise <noscript> à placer immédiatement après l'ouverture du <body>. Sur WordPress, des plugins comme WPCode ou Insert Headers and Footers permettent d'insérer ces snippets sans toucher au thème.
Vérifier l'installation avec l'extension Chrome
Installez l'extension Tag Assistant Legacy (ou "Tag Assistant Companion") sur Chrome. Visitez votre site, cliquez sur l'extension : elle vous indiquera si GTM est correctement détecté sur la page. Vous verrez votre ID de conteneur (format GTM-XXXXXXX) et le statut de chaque balise trouvée.
Chaque modification dans GTM doit être testée en mode aperçu avant d'être publiée. Publier un tag mal configuré, c'est risquer de casser votre tracking sur tous les visiteurs en temps réel. Le mode aperçu vous permet de voir exactement quels tags se déclenchent, et pourquoi.
Créer son premier tag GA4
GA4 et GTM sont conçus pour fonctionner ensemble. Voici comment déployer GA4 via GTM, ce qui est la méthode recommandée.
Tag de configuration GA4
Dans votre espace de travail GTM, cliquez sur "Nouveau tag". Choisissez le type "Google Analytics : configuration GA4". Renseignez votre ID de mesure GA4 (format G-XXXXXXXX, trouvable dans GA4 > Admin > Flux de données). Pour le déclencheur, sélectionnez "All Pages" (Toutes les pages) : ce tag doit se déclencher sur chaque page de votre site. Nommez votre tag clairement : "GA4 — Configuration" par exemple.
Tag d'événement
Le tag de configuration envoie les pages vues. Pour tracker des interactions spécifiques (clics, formulaires, scroll), vous créez des tags d'événement. Dans "Type de tag", choisissez "Google Analytics : événement GA4". Sélectionnez comme balise de configuration le tag GA4 que vous venez de créer. Nommez l'événement selon la nomenclature GA4 recommandée (generate_lead, form_submit, begin_checkout).
Tester en mode preview
Avant toute publication, cliquez sur "Aperçu" dans GTM. Une fenêtre s'ouvre, entrez l'URL de votre site, et GTM ouvre votre site dans un mode de débogage. Chaque tag qui se déclenche apparaît en temps réel dans le panneau Tag Assistant. Vérifiez que votre tag GA4 apparaît bien dans la liste des tags "Fired" (déclenchés) à chaque chargement de page.
Le déclencheur "All Pages" doit être réservé aux tags qui doivent s'exécuter sur toutes les pages sans exception : GA4, Pixel Meta (en pageview), etc. Pour tout autre tag plus ciblé, créez un déclencheur spécifique. Cela évite de déclencher des scripts inutilement et garde votre conteneur lisible.
Créer un tag pour tracker les formulaires
Tracker les soumissions de formulaires est l'une des configurations les plus utiles et les plus fréquentes. Voici la méthode native GTM.
Déclencheur "Soumission de formulaire"
Dans GTM, créez un nouveau déclencheur. Choisissez le type "Soumission de formulaire". Activez la case "Attendez les balises" pour que GTM ne laisse pas le formulaire être soumis avant que les tags aient eu le temps de se déclencher. Activez "Vérifier la validation" pour ne tracker que les formulaires réellement soumis (et non les tentatives échouées). Sélectionnez "Certaines soumissions de formulaire" si vous voulez cibler un formulaire précis (par son ID HTML ou la page sur laquelle il se trouve).
Vérification
En mode aperçu, remplissez et soumettez votre formulaire. Dans le panneau GTM, l'événement "Form Submit" doit apparaître dans la liste des événements. Ouvrez-le : vous verrez les variables de formulaire disponibles (l'ID du formulaire, l'URL de soumission, les champs). Vérifiez que votre tag GA4 d'événement apparaît dans "Tags Fired" pour cet événement.
Publication
Une fois les tests validés, cliquez sur "Soumettre" dans GTM. Donnez un nom à votre version (ex : "v2 — Tracking formulaire contact") et une description courte. GTM versionne chaque publication, ce qui vous permet de revenir en arrière si besoin. La publication est instantanée et s'applique à tous vos visiteurs.
Le mode aperçu et débogage : indispensable avant de publier
Le mode aperçu (ou preview) est la fonctionnalité la plus puissante de GTM pour les non-développeurs. Il transforme votre navigateur en environnement de test : vous voyez en temps réel quels tags se déclenchent sur chaque interaction, quelles variables sont lues, et pourquoi un déclencheur s'est activé ou non.
Le panneau de débogage s'organise en colonnes : à gauche, la liste des événements (chargement de page, clics, soumissions) ; au centre, les tags déclenchés ou non déclenchés pour chaque événement ; à droite, les détails d'un tag sélectionné. Si un tag n'est pas dans la liste "Fired", ouvrez le déclencheur associé pour comprendre pourquoi la condition n'est pas remplie.
Utilisez la vue "Variables" pour vérifier les valeurs lues par GTM : l'URL courante, l'ID du formulaire cliqué, le texte du bouton. C'est souvent là que se trouvent les bugs : une variable mal configurée qui renvoie undefined au lieu de la valeur attendue.
Le snippet GTM est chargé de manière asynchrone : il ne bloque pas le rendu de la page. En revanche, les tags qu'il charge peuvent introduire de la latence s'ils sont nombreux ou mal optimisés. Pensez à désactiver les tags inutilisés et à tirer parti du chargement différé pour les scripts non critiques (chat, heatmaps).
Les bonnes pratiques GTM
Nommer ses tags clairement
Chaque tag doit suivre une convention de nommage cohérente. La recommandation standard : [Outil] — [Type] — [Déclencheur]. Exemples : "GA4 — Configuration — All Pages", "Meta Pixel — PageView — All Pages", "GA4 — Event — Form Submit Contact". En six mois, votre conteneur peut accumuler 30 tags : un nommage clair fait toute la différence.
Utiliser les dossiers
GTM permet d'organiser tags, déclencheurs et variables dans des dossiers. Créez un dossier par outil (GA4, Google Ads, Meta, etc.) et un dossier "Déprécié" pour les tags que vous n'utilisez plus mais ne voulez pas encore supprimer. Ça rend la navigation infiniment plus simple dans un conteneur qui a vécu.
Garder le conteneur propre
Supprimez régulièrement les tags, déclencheurs et variables qui ne sont plus utilisés. Un tag inactif qui se déclenche quand même consomme des ressources. Un déclencheur orphelin (sans tag associé) encombre sans utilité. Faites un audit de votre conteneur tous les trimestres.
Versionner avec des descriptions claires
Chaque publication crée une version dans GTM. Profitez-en pour documenter : "Ajout tracking scroll 50 % - page de service SEO", "Correction déclencheur formulaire devis". Si quelque chose casse en production, vous saurez exactement quelle version a introduit le problème et vous pourrez revenir en arrière en deux clics.
GTM vs balises en dur : quand utiliser l'un ou l'autre
| Tag | Déclencheur recommandé | Remarque |
|---|---|---|
| GA4 Configuration | All Pages | Tag fondateur, à déployer en premier |
| Pixel Meta | All Pages + événements spécifiques | Voir notre guide installation Pixel Meta |
| Google Ads Conversion | Page de confirmation / merci | Ne déclencher que sur la page post-conversion |
| Hotjar | All Pages (chargement différé) | Activer le mode async pour éviter l'impact perf |
| Chat (ex. Tidio, Intercom) | All Pages (avec délai) | Déclencher après 3 secondes pour ne pas bloquer le LCP |
La règle générale : tout ce qui peut passer par GTM devrait passer par GTM. Les seules exceptions sont les scripts critiques pour le rendu initial de la page (polices, framework CSS) qui doivent être chargés directement dans le <head> pour éviter le flash de contenu non stylé.
Pour les conversions Google Ads, il est parfois plus fiable d'utiliser le tag de conversion importé directement depuis Google Ads dans GTM plutôt que d'installer le tag en dur. Cela facilite également la base du modèle d'attribution que vous choisissez dans vos campagnes.
Besoin d'aller plus loin avec vos données ? Les événements que vous trackez via GTM alimentent directement vos rapports dans Looker Studio. Un tracking propre est aussi la condition sine qua non pour que vos indicateurs GA4 aient un sens.
Questions fréquentes
Votre tracking est-il vraiment fiable ?
On audite votre GTM, on corrige les tags cassés et on configure les événements manquants. Votre marketing mérite des données sur lesquelles se fier.
Notre service Data & Analytics Prendre rendez-vous