Les environnements

Dans le processus de gestion d’un site web ou d’une plateforme, plusieurs environnements sont nécessaires pour éviter les bugs et valider les modifications avant la production.

À quoi servent les environnements dans GTM ?

Les environnements vous permettent de tester vos balises et votre configuration sur une copie de votre site sans risquer d‘impacter votre site en production. C’est un procédé très utilisé par les entreprises qui disposent de gros sites internet ou de plateformes web.

Pour un site donné, vous avez en général au minimum trois environnements.

• Live (la production, le site accessible aux clients)
• Staging (la préproduction, le site accessible par les équipes pour tester sans affecter la production)
• Dev (la version du site disponible pour les développeurs, pour faire évoluer le site et modifier le code rapidement)

Créer un environnement

Pour respecter cette hiérarchie imposée par les entreprises avec lesquelles je travaille, il faut créer des environnements dans GTM pour éviter de pousser des balises qui n’auraient pas été testées par les équipes en amont.

Nous allons faire simple et créer un autre environnement pour la préprod.

Pour créer un environnement, rendez-vous dans l’administration du conteneur, puis dans le menu “Environnements”. Cliquez sur le bouton “Nouveau” et nommez votre environnement “Staging”.

Lors de la création d’un nouvel environnement, GTM vous demande à partir de quelle version vous souhaitez créer l’environnement, sauf contre-indication, prenez la dernière version disponible.

Récupérer le code snippet de l’environnement

Une fois vos environnements créés, vous allez devoir récupérer un extrait de code qu’il faudra ajouter sur chaque page de votre site web de préproduction.

Pour récupérer ce code, restez dans l’administration au niveau des environnements fraîchement créés et cliquez sur le bouton “Actions”, sélectionnez ensuite “Obtenir l’extrait de code”. Copiez-le et collez-le à la place du code par défaut de Google Tag Manager. Une fois le code placé, votre environnement est prêt à fonctionner.

Publier dans un environnement de pre-production

Maintenant que vos environnements sont correctement configurés, vous allez pouvoir réaliser des modifications dans votre conteneur et les publier. Au moment de publier vos modifications, il faudra simplement changer la valeur du champ “Publier dans l’environnement”, vous sélectionnerez l’environnement sur lequel vous souhaitez tester votre balise, ici on choisira “Staging”.

Vos modifications sont désormais actives sur l’environnement “Staging”. Testez et validez la configuration en vous rendant sur votre site web.

Valider la configuration et publier sur l’environnement de production

Maintenant que vos modifications sont testées et validées par vos soins et vos équipes, il est temps de les publier en production. Pour ça, rendez-vous dans le menu “Versions” de votre conteneur et sélectionnez la version actuellement publiée sur votre environnement “Staging”.

Cliquez ensuite sur les trois petits points en bout de ligne puis sélectionnez “Publier dans…” et choisissez l’environnement “Live”. Publiez les changements.

Félicitations, vous venez de réaliser toutes les étapes de sûreté et de publier une balise sur votre environnement de production en ayant validé les modifications de votre conteneur sur des environnements dédiés au préalable.

Ne pas mélanger les données de préproduction et de production

Un dernier souci persiste : bien que vos balises soient publiées dans des environnements différents, leur configuration en change pas. Je veux dire par là que, quel que soit votre environnement, votre balise Google Tag enverra toujours vos données vers votre compte Google Analytics. Vous devrez alors créer une seconde propriété Google Analytics dédiée aux données de votre préproduction et adapter vos variables pour que ces dernières s’adaptent à vos environnements.

Vous vous retrouverez donc avec deux propriétés Google Analytics et deux flux distincts. L’objectif est d’envoyer le trafic dans la bonne propriété en fonction de l’environnement. Pour cela, nous allons utiliser une variable de type “Tableau de conversion”. Cette variable va vous permettre de définir différentes valeurs possibles pour chaque situation.

Pour configurer cette variable, il faut renseigner une variable à observer dans le premier champ. Dans notre situation, nous allons chercher à comparer le nom de l’environnement de notre conteneur, sélectionnez alors “Environment Name” (cette variable sera accessible en cliquant depuis “choisir une variable intégrée”).

Ajoutez une ligne par environnement à supporter. Dans le premier champ de chaque ligne, saisissez le nom de votre environnement, et dans le champ de sortie, votre ID de flux correspondant.

Dans notre exemple, nous aurons donc :

• Live : G-XXXXXXXX
• Staging: G-YYYYYYYY

Enregistrez la configuration et nommez votre variable “GA4 - Measurement ID”. Vous pouvez dès à présent utiliser cette variable dans toutes vos balises GA4 de pages vues ou d'événements. Les données seront automatiquement envoyées aux bons comptes GA4 en fonction de l’environnement utilisé.