Vous l’attendiez et il est arrivé, le moment de remplir votre conteneur avec des balises ! Nous allons nous pencher sur les différents types de balises proposés par Google Tag Manager et voir les différents cas de figure que vous serez amenés à gérer.
Comprendre le fonctionnement d’une balise
Une balise est un morceau de code que vous pouvez manipuler et modifier de manière sécurisée en saisissant des informations (vos identifiants d’un outil ou des réglages spécifiques) dans un formulaire. Vous pourrez ainsi ajouter du code sans nécessiter de compétences techniques et sans risquer de casser quoi que ce soit sur votre site web.
Pour ajouter votre première balise, rendez-vous sur la page de gestion des balises en cliquant sur “Balises” dans le menu latéral. Cliquez ensuite sur “Ajouter” et, ensuite, sur l’encadré blanc du haut pour voir la liste des balises disponibles.
Les balises partenaires
Google Tag Manager dispose de balises partenaires, ce sont des balises préconfigurées par Google ou par des entreprises sélectionnées. Vous retrouverez, dans un premier temps, les balises permettant de configurer les outils de Google :
- Google Analytics 4
- Google Ads (et ses variantes)
- Google Floodlight
- Balise Google (balise générique que l’on retrouve à plusieurs endroits)
Mais également des partenaires comme AbTasty, CrazyEgg, Hotjar, LinkedIn ou encore Pinterest. En réalité, la liste peut paraitre assez longue si vous défilez jusqu’en bas, mais vous verrez qu’elle ne l’est pas. Par exemple, vous n’y trouverez pas le pixel Facebook, ou encore la balise Microsoft Clarity.
Les balises de la marketplace
Pour le reste, Google Tag Manager dispose d’une marketplace dans laquelle des développeurs externes peuvent créer leurs propres templates de balises et les ajouter dans cet immense catalogue.
Vous allez pouvoir accéder à cette marketplace en cliquant sur le bandeau bleuté situé tout en haut de la liste des balises partenaires. Vous pouvez ensuite effectuer une recherche en cliquant sur la petite loupe située en haut à droite. Il est possible de rechercher par nom de balise ou par nom de l’entreprise qui l’a développée (par exemple, recherchez “openmost” pour retrouver toutes mes balises).
Attention toutefois, je vous invite à limiter les installations de balises de développeurs tiers que vous ne connaissez pas, les balises sont validées en amont, mais peuvent ne plus être à jour, ou comporter du code cassé ou incomplet. Il existe souvent plusieurs variantes d’une même balise, choisissez celle qui vous semble être la plus “officielle”.
La balise HTML personnalisée
Si malgré toutes ces recherches, vous n’avez toujours pas trouvé de template de balise permettant de répondre à vos besoins, il existe un dernier recours, la balise HTML personnalisée.
Les balises des outils tiers sont toutes réalisées avec du code JavaScript, code que l’on peut facilement intégrer dans une page web à l’aide de la balise HTML <script>.
C’est cette technique qui va vous permettre de déployer du code JavaScript sur votre site web. Récupérez l’extrait de code auprès de votre outil tiers, et collez-le simplement dans le champ prévu à cet effet dans la balise HTML personnalisée.
Si vous voulez faire un test, voici un exemple de code inoffensif qui vous dira simplement “Bonjour” dans un popup de navigateur.
<script>
alert('Bonjour'); // Afficher une popup navigateur avec le message "Bonjour"
</script>
Vous comprendrez assez rapidement que cette balise vous donne une liberté totale sur ce que vous pouvez envoyer sur votre site. Il est essentiel de toujours bien faire attention au code que vous récupérez et déployez via une balise HTML personnalisée.
C’est également pour cette raison que vous devez sécuriser votre compte GTM. Une personne malveillante avec un accès à votre conteneur pourrait très facilement déployer un code JavaScript pour rediriger tous vos utilisateurs vers un autre site (ou bien pire), sans que vous vous en rendiez compte. Cela pourrait entacher votre image de marque à tout jamais. Ne jouez pas avec la sécurité.
Les modèles de balises
Si à force de pratiquer, vous remarquez que vous déployez toujours le même type de code via la balise HTML personnalisée, c’est probablement qu’il est temps de créer un modèle de balise pour fluidifier votre méthode de travail.
La création d’un modèle de balise n’est pas si compliquée, mais nécessite de bonnes bases de code en JavaScript.
Organisez vos balises avec une convention de nommage
Maintenant que vous êtes à l’aise avec les balises, vous allez probablement en ajouter plusieurs à votre conteneur. Par défaut, Google Tag Manager propose un nom générique pour toutes vos nouvelles balises, que je vous invite à modifier.
Nous allons voir comment nommer vos balises de manière efficace et standard pour que vous puissiez vous retrouver facilement dans votre conteneur, même avec une centaine de balises dedans, et sans l’avoir ouvert depuis des mois. Pour ça, vous allez devoir adopter une convention de nommage où chaque nom de balise devra respecter une règle bien précise.
Pour les balises partenaires que vous allez déployer en un seul exemplaire du type “Balise Google” ou “Hotjar”, vous pouvez laisser le nom court proposé par défaut, de préférence en anglais. Ma balise “Balise Google” s’appellera alors Google Tag.
Pour les balises que vous allez utiliser à de multiples reprises dans votre conteneur, par exemple, une balise de conversion Google Ads ou une balise de suivi d’événement GA4, nous allons adopter la convention suivante :
Outil de destination - Type de données - Nom interne de l'élément.
Ce qui nous donne pour une balise événement GA4 de suivi d’un formulaire de contact :
GA4 - Event - generate_lead
(Le nom d’événement generate_lead vient vient lui-même du standard de nommage des événements GA4 pour les formulaires de génération de leads).
Et pour une balise de conversion Google Ads de ce même formulaire :
GAds - Conversion - MonSuperLabelDeConversion
(Le label de conversion correspond a votre identifiant de conversion récupéré sur Google Ads).
De cette manière, toutes les balises de conversions Google Ads seront regroupées entre elles, suivies de toutes les balises d’événements Google Analytics.
Le fait d’afficher le label de conversion ou le nom interne de l’événement GA4 permet une intervention plus rapide sur les balises concernées.
Par exemple, si vous détectez que l’événement generate_lead n’a pas été enregistré depuis plusieurs jours, vous rechercherez directement la balise qui porte le nom de l’événement dans le conteneur (pareil pour les conversions Google Ads).
Cette convention de nommage est largement partagée par une majorité de professionnels du milieu. Certains rajoutent en préfix le nom de leur agence afin d’isoler visuellement leurs modifications des balises déjà existantes.
Mettre en pause des balises
Votre conteneur est rempli d’une multitude de balises, et vous souhaitez temporairement désactiver certaines d’entre elles, par exemple, votre balise “Pixel Facebook” car vous savez que vous n’avez pas de publicité actuellement en cours avec Meta. C’est très judicieux de votre part, et vos visiteurs vous remercient de ne pas envoyer inutilement leurs données vers les serveurs de Meta.
Pour mettre en pause une balise, vous devez la sélectionner en cochant la petite case située à gauche dans la vue d’ensemble de vos balises. Une fois la case cochée, vous allez pouvoir cliquer sur le bouton apparu en haut à droite de votre liste de balises.
Lorsqu’une balise est en pause, un petit logo jaune “Pause” apparait au bout de la ligne. Vous pourrez faire la manipulation inverse pour réactiver une balise en pause.
Pour que cette pause soit prise en compte, n’oubliez pas de publier votre conteneur en cliquant sur le bouton bleu “Envoyer” en haut à droite de votre écran.
0 commentaires
Soyez le premier à commenter cet épisode.