GoogleTagManager - Revue d'un module Drupal

Les données statistiques du site web sont des connaissances essentielles si l'on veut gérer efficacement le site, et ainsi déterminer les orientations de son développement futur. Grâce à de nombreux modules Drupal, vous pouvez apporter les améliorations nécessaires également via des intégrations avec Google Analytics. Dans cet article, vous trouverez des informations sur le module GoogleTagManager (google_tag), grâce auquel vous pouvez mener une analyse efficace et structurée de votre site.

La nécessité d'inclure des scripts externes sur les sites web remonte aux années 90, lorsque les webmasters ont goûté aux compteurs et aux livres d'or. Au cours des trois dernières décennies, les services externes simples ont évolué en solutions avancées et puissantes telles que : Salesforce, Hotjar ou Mautic, dont la mise en œuvre est proposée par Droptica. Les sites web modernes utilisent des dizaines d'outils pour étudier le comportement des utilisateurs, collecter des données sur les visites et effectuer des tests A/B. Aujourd'hui, il est difficile d'imaginer un marketing efficace sans eux.

Dates

Le service Google Tag Manager a été lancé en octobre 2012, et le module Drupal pour le prendre en charge a été publié en février 2014. Une version stable du module pour Drupal 8 n'a été publiée qu'au début de 2018. Le développement a été assez lent, cependant google_tag a été très stable dès le début.

La popularité du module

Il faut dire que le module a conquis un large groupe d'utilisateurs. Selon les statistiques officielles, il est utilisé par plus de 51 000 sites web, et plus de la moitié de ce nombre sont des sites basés sur Drupal 8/9.

Créateurs du module

Jim Berry de Boombatower est responsable de la maintenance du module. C'est un développeur qui a apporté une énorme contribution à la communauté Drupal. Il est l'auteur de plus de 1500 engagements dans des dizaines de projets.

A quoi sert le module ?

Le module google_tag est utilisé pour une intégration avancée avec Google Tag Manager, allant bien au-delà du simple collage du script GTM dans le code du site web. Vous avez ici accès, entre autres, à des rôles d'utilisateurs et des listes d'exclusion. Je présenterai toutes ces fonctionnalités plus tard dans l'article.

Déballage

Vous pouvez télécharger le module sur https://www.drupal.org/project/google_tag. Après l'installation, ajoutez un nouveau conteneur et entrez son ID obtenu dans le panneau Google Tag Manager. Vous pouvez trouver les paramètres du module dans le menu Configuration - Système - Google Tag Manager.

Utilisation du module

Le module google_tag a une configuration par défaut qui fonctionnera pour la grande majorité des applications. Cependant, il vaut la peine de s'intéresser aux paramètres avancés, qui offrent plus de contrôle sur les scripts inclus.

Liste des conteneurs

Un utilisateur novice se demandera certainement ce que représente réellement la liste des conteneurs disponibles dans le panneau de configuration. Eh bien, les dernières versions du module vous permettent de gérer plus d'un conteneur GTM (en d'autres termes : divers identifiants uniques assignés par Google). Une telle solution fonctionne parfaitement lorsque vous avez une ferme de pages pour laquelle vous pouvez séparer des scripts communs stockés dans un conteneur partagé.

Lorsque vous ajoutez un nouveau conteneur, vous verrez un formulaire avec les paramètres par défaut remplis. Si vous ne souhaitez pas perdre de temps à personnaliser chacun des conteneurs, vous pouvez spécifier les paramètres par défaut dans l'onglet "Paramètres".

Ajout d'un conteneur

Le formulaire pour ajouter un conteneur contient principalement son identifiant unique (ID de conteneur) obtenu de Google et une étiquette qui sera utilisée pour reconnaître les conteneurs individuels dans le panneau d'administration Drupal.

Dans l'onglet "Avancé", vous pouvez trouver trois réglages intéressants :

• Possibilité de renommer une couche de données. Dans la plupart des cas, le standard dataLayer suffit, mais il est bon de garder cette option à l'esprit en cas de conflit. Pour clarifier : une couche de données est un tableau (plus précisément un objet) en JavaScript qui est utilisé pour transférer des données d'un site web vers un conteneur GTM.
• Support des options de liste blanche et de liste noire, décrites plus en détail dans l'aide GTM. C'est une fonctionnalité rarement utilisée, mais utile qui permet de bloquer des tags supplémentaires dans l'environnement de production avant qu'ils ne soient prêts pour la mise en œuvre, entre autres choses.
• Configuration de l'environnement actuel qui permet de basculer entre l'ensemble de tags de production et de développement.

Un peu plus bas, vous trouverez les paramètres d'exclusion. Le script GTM peut être activé et désactivé en fonction de :

• Le chemin actuel dans l'URL (par défaut, les tags ne sont pas lancés sur les pages administrateur).
• Rôles d'utilisateur (Un cas d'utilisation courant est de désactiver les scripts analytiques pour le rôle administrateur).
• Code de statut HTTP (par exemple, 404).
• Type de contenu.

Configuration du module

Dans l'onglet des paramètres se trouve une configuration commune à tous les conteneurs. Plusieurs options permettent d'améliorer les performances de votre site web et de faciliter le débogage.

Les quatre premiers paramètres sont pour l'optimisation de la livraison du script JS qui prend en charge Google Tag Manager. Je recommande de laisser les valeurs recommandées ici, tout en vous mettant en garde contre de possibles erreurs retournées dans le journal du site web. Lors de projets dans notre agence Drupal, nous avons souvent rencontré une situation où le fichier script GTM n'était pas généré en raison de l'absence de permissions de répertoire.

Hooks et intégrations

Le module google_tag fournit les hooks suivants :

• hook_google_tag_insert_alter () - déverrouille ou bloque un conteneur donné si vous souhaitez rendre son fonctionnement dépendant de facteurs autres que les facteurs standards (c'est-à-dire rôle, chemin, type de contenu et code HTTP).
• hook_google_tag_snippets_alter () - modifie le code JS par défaut qui prend en charge GTM.

De plus, il est possible de mettre en œuvre des plugins fournissant des Conditions pour placer le script Google Tag Manager sur le site web.

Résumé

Dans un article précédent, j'ai discuté en détail de l'intégration de Drupal avec Google Analytics. Je suis sûr que l'utilisation des éléments ci-dessus, conjointement avec le module google_tag décrit dans ce texte, rendra l'analyse du site web encore plus efficace et ordonnée. Au cours des dernières années, le module google_tag est presque devenu un standard de l'industrie. Je recommande de l'utiliser et d'explorer les possibilités que le monde des balises Drupal et des couches de données nous ouvre.