Google Tag Manager : les bases du ges­tion­naire de balises

Lorsque vous intégrez des services externes à votre site Web pour mesurer sa per­for­mance ou celle des campagnes pu­bli­ci­taires que vous avez lancées, vous devez gé­né­ra­le­ment jongler avec un grand nombre d’extraits, les snippets. Cela nécessite, en plus d’un certain savoir-faire en pro­gram­ma­tion, d’une bonne vue d’ensemble. S’il n’est pas possible d’accéder di­rec­te­ment à la base du code, il faut com­mu­ni­quer avec le pro­gram­meur res­pon­sable chaque fois que de nouveaux services d’analyse et de suivi sont mis en œuvre. Pour contrer cela, Google a sorti il y a quelques années le Google Tag Manager ou Google Ges­tion­naire de balises qui simplifie gran­de­ment l’in­té­gra­tion des dif­fé­rents codes.

Avec Google Tag Manager (GTM), Google a lancé en octobre 2012 son système de gestion interne pour l’in­té­gra­tion et l’ad­mi­nis­tra­tion des balises Ja­vaS­cript et HTML. Alors que la première version était prin­ci­pa­le­ment conçue pour les solutions dé­ve­lop­pées par Google, à savoir Analytics, AdWords et Dou­ble­Click, le ges­tion­naire de tags prend en charge un nombre toujours plus grand de tags tiers depuis la version 2 (2014), grâce notamment à la sortie de l’API of­fi­cielle. Google Tag Manager ne se limite pas à la mise en place d’outils d’analyse et de con­ver­sion : les tags Re­mar­ke­ting et Affiliate ainsi que les snippets d’outils de test tels que AB Tasty ou Mouseflow (outil Heatmap) peuvent également être intégrés dans votre projet (sites Web et ap­pli­ca­tions mobiles) en utilisant le logiciel Google.

Même en utilisant Google Tag Manager, vous ne pouvez pas com­plè­te­ment éviter l’accès direct au code source. Con­trai­re­ment à l’in­té­gra­tion d’extraits sans ges­tion­naire de balises, cet accès au HTML n’est néanmoins né­ces­saire qu’une fois : dès le début, vous insérez ce que l’on appelle l’extrait de conteneur (container snippet) sous la forme de deux courts extraits de code dans la zone header et body. Toutes les im­plé­men­ta­tions ul­té­rieures se font ensuite par l’interface Web de Google Tag Manager. Le container snippet fonc­tionne comme un em­pla­ce­ment central à partir duquel toutes les balises que vous con­fi­gu­rez via l’interface du na­vi­ga­teur sont mises en place. Les mo­di­fi­ca­tions ul­té­rieures d’un extrait peuvent également être ef­fec­tuées di­rec­te­ment dans le Ges­tion­naire de balises. Si jamais vous n’avez plus besoin d’une balise, supprimez-la sim­ple­ment du conteneur.

Pour que le container snippet puisse capturer les in­te­rac­tions et les in­for­ma­tions sou­hai­tées par l’uti­li­sa­teur et les trans­mettre de la bonne manière, vous devez créer les balises et les dé­clen­cheurs ap­pro­priés dans votre Google Ges­tion­naire de balises. Des variables peuvent également être utilisées pour spécifier ces deux éléments de base de l’outil Google. Pour les trois com­po­sants, il existe dif­fé­rents modèles prêts à l’emploi, mais vous pouvez également effectuer vos propres réglages si né­ces­saire. Les courtes des­crip­tions ci-dessous vous montrent exac­te­ment quelles sont les fonctions des balises, dé­clen­cheurs et variables.

Les balises sont les unités au cœur du ges­tion­naire de balises de Google. Elles se trouvent sous forme de code et dé­ter­mi­nent quelles in­for­ma­tions sont envoyées à quels endroits. En principe, les balises ne sont rien de plus que les extraits de codes que l’on pourrait inclure soi-même dans le code HTML. En plus des balises standard, il existe des balises Ja­vaS­cript spé­ci­fiques qui ne trans­met­tent pas d’in­for­ma­tions, mais dé­clenchent des balises sup­plé­men­taires. Google Tag Manager charge néanmoins gé­né­ra­le­ment toutes les balises contenues dans un conteneur in­dé­pen­dam­ment les unes des autres et pa­ral­lè­le­ment aux autres éléments du site Web. Un mécanisme in­tel­li­gent de mise en cache optimise le nombre de requêtes aux­quelles le serveur Web doit alors répondre.

Dans Google Ges­tion­naire de balises, vous utilisez des dé­clen­cheurs (les « triggers » en anglais) pour définir les con­di­tions dans les­quelles une balise par­ti­cu­lière doit entrer en jeu. Plus pré­ci­sé­ment, il s’agit de savoir quelles actions ou évé­ne­ments de l’uti­li­sa­teur con­dui­sent à l’exécution d’un code, c’est-à-dire à son « dé­clen­che­ment ». Il peut s’agir de simples pages vues, de fenêtres chargées ou encore de l’ap­pa­ri­tion de messages d’erreur, mais aussi de clics des visiteurs sur un bouton spé­ci­fique. Vous pouvez bien sûr aussi fixer comme dé­clen­cheur de balises le rem­plis­sage d’un for­mu­laire, l’abon­ne­ment à une news­let­ter ou le vi­sion­nage d’une vidéo. Le même trigger peut être utilisé pour plusieurs balises.

Si vous souhaitez affiner les pa­ra­mètres des balises et des dé­clen­cheurs définis, vous pouvez utiliser les variables du tag manager. Pour les balises, les variables offrent la pos­si­bi­lité de saisir des valeurs dy­na­miques. Si, par exemple, pour une boutique en ligne, des in­for­ma­tions telles que le transfert de produits achetés doivent également être suivies, les variables peuvent être utilisées. Cela fonc­tionne de manière très similaire avec les dé­clen­cheurs ; des variables sont utilisées pour les spécifier. Alors que vous pouvez définir par exemple ex­clu­si­ve­ment avec un dé­clen­cheur qu’une balise doit être exécutée lorsqu’une page est appelée, vous pouvez utiliser une variable pour spécifier exac­te­ment de quelle(s) page(s) ou URL(s) il doit s’agir.

Google Ges­tion­naire de balises est essentiel pour tous ceux qui tra­vail­lent avec dif­fé­rents outils de suivi et d’analyse à des fins diverses. Voici quelques-uns des avantages du logiciel Google :

• La mise en cache des balises minimise les besoins du serveur et rac­cour­cit le temps de char­ge­ment des sites Web.
• Les codes source sont optimisés au minimum.
• L’in­té­gra­tion et l’ad­mi­nis­tra­tion de toutes les balises sont faciles et pratiques via une interface Web unique après un simple accès au code source.
• Le blocage continu de snippets ou de types de snippets in­dé­si­rables augmente le niveau de sécurité de votre site/ap­pli­ca­tion Web.
• Dif­fé­rents modèles prêts à l’emploi pour les balises, les variables et les dé­clen­cheurs sont dis­po­nibles.
• Vé­ri­fi­ca­tion au­to­ma­tique des tags avec le mode de pré­vi­sua­li­sa­tion et de débogage.
• En­re­gis­tre­ment de toute l’activité des balises et des mo­di­fi­ca­tions apportées aux pa­ra­mètres du compte Google Ges­tion­naire de balises.

Comment se servir main­te­nant du ges­tion­naire de balises de Google pour mon site Web ou mon ap­pli­ca­tion ? Comme le ges­tion­naire de balises est basé sur le Web, aucune ins­tal­la­tion n’est né­ces­saire ; vous pouvez accéder à l’interface via n’importe quel na­vi­ga­teur standard. Il n’y a pas non plus de frais d’uti­li­sa­tion, vous pouvez donc commencer tout de suite. La seule condition préalable est d’avoir un compte Google valide. Si vous utilisez déjà des services tels que AdWords, Gmail ou Google Drive, vous avez déjà un compte, sinon, vous devrez vous rendre sur créer un compte Google pour pouvoir ensuite accéder à Google Tag Manager.

En­re­gis­trez la balise Google Analytics nou­vel­le­ment créée à l’aide du bouton en haut à droite et cliquez sur « Sau­ve­gar­der la balise » dans la fenêtre qui apparaît. Vous pouvez accepter le nom de la balise proposée tel quel ou renommer cette dernière.

Cliquez sur « EN­RE­GIS­TRER » et dé­fi­nis­sez un nom approprié au dé­clen­cheur.

Cliquez sur « PUBLIER » pour terminer et lancez enfin votre première version Google Ges­tion­naire de balises.