Google Tag Manager : Guide d'Installation et Premiers Déclencheurs | Webmarketing Guide

Google Tag Manager (GTM) est l’un des outils les plus transformatifs pour les équipes marketing. Il vous permet d’ajouter, modifier et supprimer des balises de suivi sur votre site sans toucher au code source, sans attendre votre développeur, et sans risquer de casser quoi que ce soit. Une fois installé, GTM devient le hub central de tout votre tracking marketing. Ce guide vous accompagne de l’installation jusqu’à vos premiers déclencheurs opérationnels.

Qu’est-ce que Google Tag Manager et pourquoi l’utiliser

Avant GTM, chaque outil marketing (Google Analytics, Facebook Pixel, Hotjar, LiveChat…) nécessitait l’insertion manuelle d’un snippet de code dans votre site. Chaque ajout ou modification impliquait une intervention technique, un délai et un risque de conflit entre scripts.

GTM centralise tout cela avec une architecture en trois composants :

Les Balises (Tags) : ce sont les codes de suivi eux-mêmes. Google Analytics 4, Meta Pixel, Hotjar, LinkedIn Insight Tag — chacun est une balise que vous configurez dans GTM.

Les Déclencheurs (Triggers) : les conditions qui déterminent quand une balise s’exécute. “Au chargement de toutes les pages”, “Au clic sur le bouton d’achat”, “Quand un formulaire est soumis” — ce sont des déclencheurs.

Les Variables : des informations dynamiques récupérées sur la page ou dans l’interaction utilisateur. L’URL actuelle, la valeur d’un champ de formulaire, la catégorie de produit cliquée — tout cela peut être capturé comme variable.

Les avantages concrets

Autonomie marketing : publiez un nouveau pixel ou modifiez un événement en 10 minutes, sans ticket développeur
Réduction des risques : le mode Preview de GTM permet de tester chaque modification avant de la publier
Performance : GTM charge les scripts de manière asynchrone, évitant de bloquer le rendu de la page
Versioning : chaque publication crée une version archivée. Un retour en arrière prend 30 secondes
Audit du tracking : vous avez une vue centralisée de tout ce qui se déclenche sur votre site

Étape 1 : Créer votre compte et conteneur GTM

Rendez-vous sur tagmanager.google.com avec votre compte Google
Cliquez sur “Créer un compte”
Renseignez le nom de votre compte (votre entreprise), le pays, et le nom du conteneur (votre domaine)
Choisissez la plateforme “Web” pour un site web classique
Acceptez les conditions d’utilisation

GTM génère ensuite deux snippets de code à installer sur votre site :

Snippet 1 (head) : à placer le plus haut possible dans la balise <head>, idéalement juste après <head> :

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

Snippet 2 (body) : à placer immédiatement après la balise d’ouverture <body> :

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Remplacez GTM-XXXXXXX par l’ID de votre conteneur (visible dans l’interface GTM).

Installation via un CMS

Pour les CMS courants, des solutions simplifiées existent :

WordPress : plugins comme “GTM4WP” ou “Google Tag Manager for WordPress” insèrent automatiquement les deux snippets
Shopify : collez le snippet head dans le fichier theme.liquid et le snippet body juste après <body>
Webflow : Project Settings > Custom Code > Head et Body
Wix : Marketing & SEO > Marketing Integrations > Google Tag Manager

Étape 2 : Vérifier l’installation avec le mode Preview

Avant d’aller plus loin, vérifiez que GTM est correctement installé.

Dans GTM, cliquez sur le bouton “Preview” en haut à droite
Entrez l’URL de votre site
Cliquez sur “Connect”

GTM ouvre votre site dans un onglet avec un panneau de débogage en bas de l’écran. Si l’installation est correcte, vous voyez les événements “GTM Loaded” et “Page View” dans le panneau.

Alternative : utilisez l’extension Chrome “Tag Assistant” (par Google). Elle indique si GTM est détecté et si des erreurs sont présentes.

Étape 3 : Installer Google Analytics 4 via GTM

C’est la première balise que la quasi-totalité des sites configure. Assurez-vous d’avoir créé votre propriété GA4 au préalable sur analytics.google.com et récupérez votre Measurement ID (format : G-XXXXXXXXXX).

Créer la configuration GA4

Dans GTM, allez dans Balises > Nouvelle
Cliquez sur “Configuration de la balise”
Choisissez “Google Analytics : configuration GA4”
Entrez votre Measurement ID (G-XXXXXXXXXX)
Dans “Déclenchement”, sélectionnez “All Pages” (déclencher sur toutes les pages)
Nommez votre balise “GA4 - Configuration” et enregistrez

Publiez votre conteneur (bouton “Envoyer” en haut à droite). Dans les minutes qui suivent, vous verrez du trafic apparaître dans GA4 > Temps réel.

Étape 4 : Configurer vos premiers déclencheurs

Les déclencheurs sont le cœur de la puissance de GTM. Voici les plus utiles à configurer en priorité.

Déclencheur 1 : Suivi des clics sur les boutons CTA

Objectif : savoir combien de fois les visiteurs cliquent sur vos boutons d’action (CTA, liens importants).

Configuration du déclencheur :

Allez dans Déclencheurs > Nouveau
Type : “Clic - Tous les éléments”
Cochez “Certains clics”
Condition : “Click Classes” contient “btn-cta” (ou la classe CSS de votre bouton)
Nommez “Clic - CTA Principal”

Configuration de la balise GA4 :

Balises > Nouvelle
Type : “Google Analytics : événement GA4”
Tag de configuration : sélectionnez votre balise GA4 Configuration
Nom de l’événement : clic_cta
Paramètres d’événement :
- texte_cta : {{Click Text}}
- url_destination : {{Click URL}}
Déclencheur : sélectionnez “Clic - CTA Principal”

Pour trouver la classe CSS de votre bouton, utilisez les DevTools Chrome (clic droit > Inspecter) ou le mode Preview de GTM qui vous montre les propriétés Click Classes au moment du clic.

Déclencheur 2 : Soumission de formulaire

Objectif : tracker chaque soumission de formulaire de contact ou d’inscription.

Configuration du déclencheur :

Déclencheurs > Nouveau
Type : “Soumission de formulaire”
Cochez “Certaines soumissions de formulaires”
Condition : “Page URL” contient /contact (ou l’ID de votre formulaire)
Activez “Attendre les balises” si vous souhaitez que GTM attende que les balises se déclenchent avant de soumettre le formulaire

Configuration de la balise GA4 :

Nom de l’événement : form_submit (nom standardisé GA4)
Paramètres : form_id : {{Form ID}}, form_destination : {{Form Target}}

Note importante : certains formulaires Ajax (qui soumettent sans rechargement de page) ne déclenchent pas l’événement de soumission standard. Dans ce cas, consultez la documentation de votre outil de formulaire pour l’événement JavaScript à écouter, ou utilisez un Custom HTML Tag.

Déclencheur 3 : Scroll Depth (profondeur de défilement)

Objectif : mesurer l’engagement des visiteurs avec votre contenu en sachant jusqu’où ils scrollent.

Configuration du déclencheur :

Déclencheurs > Nouveau
Type : “Profondeur de défilement”
Cochez “Profondeurs verticales”
Pourcentages : 25, 50, 75, 90
Activez “Toutes les pages”

Configuration de la balise GA4 :

Nom de l’événement : scroll
Paramètre : scroll_depth : {{Scroll Depth Threshold}}

Dans GA4, l’événement scroll est déjà standardisé (Google déclenche automatiquement cet événement à 90 % de scroll). Mais configurer des seuils intermédiaires vous donne une vision plus granulaire.

Déclencheur 4 : Vidéo YouTube

Si vous intégrez des vidéos YouTube sur votre site, GTM peut automatiquement tracker les interactions (play, pause, progression, fin).

Variables > Configurer : activez les variables YouTube (YouTube Video Status, YouTube Video Percent, etc.)
Déclencheurs > Nouveau
Type : “Vidéo YouTube”
Cochez les états : “Start”, “Complete”, et les pourcentages (25, 50, 75)

C’est l’un des déclencheurs les plus simples à configurer et les plus riches en insights sur l’engagement content.

Déclencheur 5 : Clics sur les liens sortants

Savoir quels liens externes vos visiteurs cliquent est précieux pour comprendre leurs besoins et l’efficacité de vos redirections partenaires.

Configuration du déclencheur :

Déclencheurs > Nouveau
Type : “Clic - Liens uniquement”
Cochez “Certains clics de lien”
Condition : “Click URL” ne commence pas par votre domaine (ex: ne commence pas par https://votre-site.fr)

Configuration de la balise GA4 :

Nom de l’événement : click (événement GA4 standardisé)
Paramètres : outbound : true, link_url : {{Click URL}}, link_text : {{Click Text}}

Étape 5 : Organiser votre conteneur GTM

Au fil du temps, votre conteneur GTM peut devenir difficile à maintenir si vous n’adoptez pas de conventions dès le départ.

Conventions de nommage

Adoptez une structure cohérente pour nommer vos balises, déclencheurs et variables :

Balises : [Type] - [Outil] - [Action]

Ex : Tag - GA4 - Configuration
Ex : Tag - GA4 - Event - Form Submit
Ex : Tag - Meta Pixel - PageView

Déclencheurs : [Type] - [Description]

Ex : Trigger - Click - CTA Navbar
Ex : Trigger - Form Submit - Contact
Ex : Trigger - Page View - All

Variables : [Type] - [Description]

Ex : Var - DL - Event Category
Ex : Var - URL - Clean

Le DataLayer : la couche de données

Pour des trackings avancés, votre développeur peut pousser des données structurées depuis votre site dans le dataLayer — une variable JavaScript que GTM surveille. Cela permet de transmettre des informations contextuelles (identifiant produit, catégorie, valeur de transaction) que GTM ne pourrait pas récupérer seul.

Exemple de push dans le dataLayer lors d’un achat :

dataLayer.push({
  'event': 'purchase',
  'ecommerce': {
    'transaction_id': 'T12345',
    'value': 59.90,
    'currency': 'EUR'
  }
});

Étape 6 : Publier et versionner

Une fois vos balises et déclencheurs configurés et testés en mode Preview, publiez votre conteneur.

Cliquez sur “Envoyer” en haut à droite
Choisissez “Publier et créer une version”
Donnez un nom descriptif à la version : “v1.2 - Ajout tracking formulaires contact”
Cliquez sur “Publier”

Chaque publication crée une version archivée. Si une balise cause un problème, vous pouvez revenir à la version précédente en quelques clics depuis Versions > [Version précédente] > Publier.

Bonnes pratiques de maintenance

Testez systématiquement en Preview avant de publier. Le mode Preview vous montre exactement quelles balises se déclenchent, dans quel ordre, et avec quelles données.

Auditez votre conteneur régulièrement. Des balises obsolètes (ancien pixel d’un réseau que vous n’utilisez plus) ralentissent votre site et créent des fuites de données. Passez en revue votre conteneur tous les trimestres.

Documentez vos balises. Utilisez le champ “Notes” disponible sur chaque balise pour documenter son objectif et la date de configuration. Votre futur moi vous remerciera.

Respectez le RGPD. Configurez GTM pour ne charger les balises de tracking qu’après l’obtention du consentement utilisateur. La solution recommandée est de conditionner les balises sur une variable de consentement poussée dans le dataLayer par votre outil de CMP (Cookiebot, Axeptio, Didomi…).

Google Tag Manager est un investissement initial qui génère des économies continues. Chaque modification de tracking que vous faites vous-même en 15 minutes représente un ticket développeur évité et une semaine de délai gagnée. Maîtrisez les bases, et vous aurez la main sur l’intégralité de votre infrastructure analytics — sans dépendre de personne.