Ce guide explique comment utiliser Google Tag Manager (GTM) pour suivre les clics sur des boutons spécifiques de votre site Discourse, tels que « S’inscrire », « Se connecter » ou « Répondre ».
Niveau d’utilisateur requis : Administrateur ayant accès à Google Tag Manager
Suivre les clics sur les boutons avec Google Tag Manager
Le suivi de la manière dont les utilisateurs interagissent avec des boutons spécifiques fournit des données précieuses pour comprendre le comportement des utilisateurs et les chemins de conversion. Bien que Discourse suive de nombreux événements prêts à l’emploi, vous pourriez souhaiter surveiller des éléments d’interface utilisateur spécifiques comme le bouton « S’inscrire ». L’utilisation du mode de prévisualisation de Google Tag Manager (GTM) est le moyen le plus efficace d’identifier les éléments corrects et de configurer des déclencheurs précis.
Résumé
Pour suivre un bouton spécifique, vous devez d’abord identifier comment GTM « voit » ce bouton lorsqu’il est cliqué. Le processus implique d’activer les variables de clic, de créer un déclencheur de débogage générique, d’utiliser Tag Assistant pour identifier les propriétés uniques de l’élément, puis de créer une balise spécifique pour ce bouton.
Activer les variables de clic
Avant de pouvoir suivre les clics, vous devez vous assurer que GTM capture les données nécessaires à partir du navigateur.
- Accédez à Variables dans votre espace de travail GTM.
- Sélectionnez Configurer.
- Sous la section Clics, cochez toutes les cases disponibles :
Élément Clic,Classes Clic,ID Clic,Cible Clic,URL ClicetTexte Clic.
Créer un déclencheur de clic générique
Vous avez besoin d’un déclencheur « tout attraper » pour voir chaque événement de clic dans la console de débogage pendant que vous testez.
- Accédez à Déclencheurs et sélectionnez Nouveau.
- Cliquez sur Configuration du déclencheur et choisissez Clic - Tous les éléments.
- Sélectionnez Tous les clics.
- Nommez le déclencheur « Tous les clics - Débogage » et Enregistrer.
Utiliser l’extension Tag Assistant
L’extension Tag Assistant Companion vous aide à retracer exactement quel élément GTM reçoit lorsque vous interagissez avec votre site.
- Installez l’extension dans votre navigateur.
- Dans votre espace de travail GTM, sélectionnez Prévisualiser dans le coin supérieur droit.
- Entrez l’URL de votre site (
discourse.example.com) et cliquez sur Connecter.
Identifier les éléments de bouton spécifiques
Une fois la fenêtre de prévisualisation ouverte, vous pouvez trouver les identifiants uniques de votre bouton cible.
- Cliquez sur le bouton que vous souhaitez suivre (par exemple, le bouton S’inscrire) sur votre site.
- Revenez à l’onglet Tag Assistant.
- Localisez l’événement Clic le plus récent dans le volet de résumé de gauche.
- Sélectionnez l’onglet Couche de données pour voir les propriétés de l’élément cliqué.
Pour cibler spécifiquement le bouton S’inscrire, vous pouvez utiliser sa classe unique : sign-up-button.
Lors de la création de votre déclencheur permanent, utilisez un Sélecteur CSS pour vous assurer qu’il capture les clics même si l’utilisateur clique sur le texte à l’intérieur du bouton. Pour le bouton S’inscrire, utilisez :
button.sign-up-button, button.sign-up-button *
Le * (joker) à la fin du sélecteur garantit que si un utilisateur clique sur l’élément span de texte à l’intérieur du bouton, le déclencheur se déclenche quand même.
Bonnes pratiques
- Utilisez des noms descriptifs : Nommez clairement vos déclencheurs et balises, par exemple « GA4 - Événement - Clic sur le bouton S’inscrire ».
- Testez de manière anonyme : Lors du test des clics pour des boutons tels que « S’inscrire », il est souvent préférable d’utiliser une fenêtre de navigation privée ou de vous déconnecter de votre site Discourse pour vous assurer que le bouton est visible.
- Validez avant de publier : Vérifiez toujours le volet Résumé dans Tag Assistant pour confirmer que votre balise spécifique se déclenche uniquement lorsque le bouton prévu est cliqué.