Dans Google Tag Manager, un déclencheur (trigger) définit quand et où une balise doit s'exécuter. Sans déclencheur, aucune balise ne se lance. Choisir le bon déclencheur est essentiel pour un tracking précis. Ce guide détaille tous les types de déclencheurs GTM.
Pourquoi les déclencheurs sont-ils critiques ?
Un mauvais déclencheur peut fausser toutes vos données. Imaginez une balise de conversion qui se déclenche sur un simple clic au lieu de se déclencher sur la confirmation de commande — vous comptabiliseriez des conversions fantômes.
À l'inverse, un déclencheur trop restrictif peut faire manquer des conversions réelles.
La précision du déclencheur détermine la qualité de vos données.
Les types de déclencheurs GTM
Déclencheurs de pages vues
Page vue (pageview) — Se déclenche au chargement du DOM. C'est le déclencheur utilisé pour la plupart des balises de configuration (GA4, pixels...).
Page vue DOM prête (DOM Ready) — Se déclenche quand le DOM est entièrement chargé mais avant le rendu complet. Utile quand votre balise a besoin d'accéder à des éléments de la page.
Page vue - Fenêtre chargée (Window Loaded) — Se déclenche après le chargement complet de la page (images, scripts...). Utile pour mesurer les performances de chargement.
Filtrer par URL : pour chaque type de déclencheur de page, vous pouvez ajouter des conditions. Par exemple : "déclencher uniquement si l'URL contient /confirmation".
Déclencheurs de clics
Tous les clics (All Elements) — Se déclenche sur n'importe quel clic sur la page.
Clics sur des liens (Just Links) — Se déclenche uniquement sur les clics sur des balises <a>. Idéal pour tracker les clics sur vos liens sortants ou les téléchargements.
Options avancées pour les clics :
- Attendre les balises : retarde la navigation le temps que vos balises s'exécutent
- Vérifier la validation : s'assure que le formulaire est valide avant le déclenchement
Pour cibler un bouton spécifique, utilisez des conditions sur les variables de clic :
Click ID: l'attributidde l'élément cliquéClick Classes: les classes CSS de l'élément cliquéClick Text: le texte du boutonClick URL: l'URL du lien
Déclencheurs de soumission de formulaire
Le déclencheur Formulaire se déclenche quand un utilisateur soumet un formulaire. C'est l'un des plus utilisés en lead generation.
Conditions de ciblage :
- Par ID de formulaire
- Par classe CSS du formulaire
- Par URL de la page
Attention : GTM ne peut pas toujours détecter les soumissions de formulaires en AJAX (Single Page Applications). Dans ce cas, préférez un déclencheur basé sur un événement dataLayer poussé par votre développeur.
Déclencheurs de visibilité d'élément
Ce déclencheur se déclenche quand un élément spécifique devient visible dans le viewport de l'utilisateur.
Utilisations courantes :
- Déclencher un événement quand une section de page est vue
- Mesurer la visibilité d'un bloc CTA
- Tracker l'affichage d'une bannière promotionnelle
Paramètres clés :
- Sélectionner l'élément par ID CSS ou sélecteur CSS
- Définir le pourcentage de visibilité minimum (50%, 100%...)
- Déclencher une fois par page ou à chaque fois
Déclencheur de défilement (Scroll)
Se déclenche quand l'utilisateur scrolle à un certain pourcentage de la page verticalement.
Exemple : déclencher un événement scroll_depth à 25%, 50%, 75% et 100%.
Variables disponibles :
Scroll Depth Threshold: le pourcentage atteintScroll Direction: vertical ou horizontal
Déclencheur Minuterie
Se déclenche après qu'un utilisateur est resté sur la page pendant un certain temps.
Paramètres :
- Intervalle : en millisecondes (ex: 30000 = 30 secondes)
- Limite : nombre maximum de déclenchements par page
Utile pour mesurer l'engagement des utilisateurs (ex: lecture d'un article long).
Déclencheur Historique (SPA)
Pour les Single Page Applications (React, Vue, Angular...), l'URL change sans rechargement complet de la page. Le déclencheur Modification de l'historique permet de détecter ces changements de "page".
C'est essentiel pour tracker correctement les sites e-commerce ou les applications web modernes.
Déclencheur Événement personnalisé (dataLayer)
C'est le déclencheur le plus puissant et le plus fiable. Il se déclenche quand votre développeur pousse un événement spécifique dans le dataLayer.
dataLayer.push({
'event': 'purchase_completed',
'orderId': '12345',
'orderValue': 149.90
});
Dans GTM, vous créez un déclencheur "Événement personnalisé" et entrez le nom purchase_completed. Ce déclencheur activera votre balise uniquement quand cet événement est poussé.
Avantages :
- Précision maximale — vous contrôlez exactement quand l'événement se déclenche
- Données riches — vous pouvez passer des informations contextuelles
- Fiabilité — ne dépend pas de la structure du DOM (qui peut changer)
Combiner plusieurs déclencheurs
Une balise peut avoir plusieurs déclencheurs et plusieurs exceptions.
Exemple : tracker les clics sur un bouton CTA partout sur le site, sauf sur la page de confirmation.
- Déclencheur 1 : Clic sur
#btn-cta - Exception : Page URL contient
/confirmation
Les exceptions vous permettent d'affiner précisément vos conditions de déclenchement.
Bonnes pratiques pour vos déclencheurs
Toujours tester en mode Aperçu avant de publier. Le mode Aperçu GTM vous montre exactement quels déclencheurs se sont activés et pourquoi.
Préférez les déclencheurs dataLayer pour vos conversions critiques. Ils sont plus fiables que les déclencheurs basés sur des clics ou des formulaires.
Nommez vos déclencheurs clairement : [Click] - CTA Homepage - Demander RDV est bien plus clair que Trigger 1.
Documentez vos conditions : notez pourquoi vous avez ajouté telle ou telle condition. Votre futur vous (ou votre collègue) vous remerciera.
Conclusion
Les déclencheurs sont la logique conditionnelle de votre tracking. Bien les choisir et les configurer fait la différence entre un dispositif analytics fiable et des données inexploitables.
En cas de doute, optez toujours pour les déclencheurs basés sur des événements dataLayer : ils vous donnent le contrôle maximal sur la précision de votre tracking.