Tech & AI
Configurer un événement de clic dans Google Tag Manager (GTM) – Guide étape par étape
Configurer un événement de clic dans Google Tag Manager (GTM) – Guide étape par étape - 25 fév. 2025 - 2 min de lecture. Mis à jour : 15 mars 2025
La configuration d'un événement de clic dans Google Tag Manager (GTM) est un processus simple qui vous permet de suivre les interactions des utilisateurs, comme les clics sur des boutons, des liens ou d'autres éléments de votre site Web. Voici un guide étape par étape pour vous aider à le faire :
Étape 1 : Accéder à votre conteneur GTM
- Connectez-vous à votre compte Google Tag Manager sur tagmanager.google.com.
- Sélectionnez le conteneur lié au site Web où vous souhaitez suivre les clics.
Étape 2 : Activer les variables de clic intégrées
GTM dispose de variables intégrées pour capturer les données de clic, mais elles doivent d'abord être activées :
- Dans GTM, allez dans la section Variables de la barre latérale gauche.
- Cliquez sur Configurer dans la zone "Variables intégrées".
- Cochez les cases des variables liées aux clics dont vous aurez besoin, telles que :
- Click Element
- Click Classes
- Click ID
- Click URL
- Click Text
- Enregistrez vos modifications.
Étape 3 : Créer un déclencheur pour l'événement de clic
Les déclencheurs définissent le moment où votre balise s'active. Pour suivre les clics :
- Allez dans Déclencheurs dans la barre latérale gauche et cliquez sur Nouveau.
- Nommez votre déclencheur (ex: "Déclencheur Clic Bouton").
- Cliquez sur la zone de configuration du déclencheur et choisissez Clic - Tous les éléments (ou Clic - Liens uniquement si vous ne suivez que les clics sur les liens).
- Sélectionnez quand le déclencheur doit s'activer :
- Tous les clics : S'active à chaque clic.
- Certains clics : S'active en fonction de conditions (ex: clics sur un bouton spécifique).
- Si vous utilisez "Certains clics", définissez une condition, comme :
- Click ID est égal à submit-button (remplacez par l'ID de votre élément).
- Click Classes contient btn-primary (remplacez par la classe de votre élément).
- Click Text est égal à En savoir plus (pour le texte d'un bouton spécifique).
- Enregistrez le déclencheur.
Étape 4 : Créer une balise pour suivre l'événement
Maintenant, liez le déclencheur à une balise qui envoie les données de clic (par exemple, vers Google Analytics) :
- Allez dans Balises dans la barre latérale gauche et cliquez sur Nouvelle.
- Nommez votre balise (ex: "GA - Événement Clic Bouton").
- Cliquez sur la zone de configuration de la balise et sélectionnez Google Analytics : Universal Analytics (ou votre outil d'analyse préféré).
- Définissez le type de balise sur Événement.
- Remplissez les détails de l'événement :
- Catégorie : ex: "Clics Boutons"
- Action : ex: "Clic"
- Libellé : Utilisez une variable comme {{Click Text}} ou {{Click ID}} pour des données dynamiques.
- Sous "Paramètres Google Analytics", sélectionnez votre variable GA ou entrez votre ID de suivi (ex: UA-XXXXX-Y).
- Liez la balise à votre déclencheur en cliquant sur la zone Déclenchement et en sélectionnant le déclencheur que vous avez créé.
- Enregistrez la balise.
Étape 5 : Prévisualiser et tester
- Cliquez sur Prévisualiser dans GTM pour passer en mode débogage.
- Ouvrez votre site Web dans un nouvel onglet — il devrait se connecter à l'aperçu GTM.
- Cliquez sur l'élément que vous suivez et vérifiez le volet de débogage pour voir si la balise s'active.
- Si cela fonctionne, la balise apparaîtra sous "Tags Fired" avec les détails corrects.
Étape 6 : Publier les modifications
- Une fois testé, quittez le mode aperçu et cliquez sur Envoyer dans GTM.
- Ajoutez un nom de version (ex: "Ajout événement clic bouton") et cliquez sur Publier.
Conseils
- Utilisez les outils de développement de votre navigateur (clic droit > Inspecter) pour trouver les ID, les classes ou le texte pour vos conditions.
- Si le clic n'est pas enregistré, assurez-vous que l'extrait de code GTM est correctement installé sur votre site.
- Pour des configurations avancées (ex: suivi des clics dans du contenu dynamique), vous pourriez avoir besoin de variables JavaScript personnalisées.
Apprenez-en davantage auprès de la Communauté GTM ou de la Google Analytics Academy pour des conseils avancés. Il existe également de nombreuses vidéos tutoriels sur YouTube.
Tags:
Keep Reading
NVIDIA GTC 2026 : L'industrie de l'IA vient de passer de l'entraînement à l'action
March 16, 2026 at 6:30 AM
Hong Kong vient d'investir 500 millions de HK$ dans l'IA à l'école — Voici ce dont personne ne parle
March 14, 2026 at 5:10 AM
La FDA contre la pilule Ozempic à 49 $ : comment la guerre des préparations magistrales de GLP-1 est devenue personnelle
March 11, 2026 at 2:13 AM
Figma vs Penpot en 2026 : Le challenger Open-Source peut-il remplacer votre outil de design à 55 $/siège ?
March 9, 2026 at 4:30 PM
Comment repérer une tendance à 10 millions de dollars 6 mois avant vos concurrents
March 9, 2026 at 7:00 AM