Pour travailler avec Google Tag Manager, vous devez connaître trois concepts clés : les balises, les déclencheurs et les variables. Mais, au fur et à mesure que vous plongez plus profondément, vous rencontrerez le quatrième, la couche de données. Google Tag Manager et Data Layer se retrouvent souvent dans la même phrase. Ces concepts fonctionnent main dans la main pour rendre la gestion des balises beaucoup plus simple.
Une compréhension claire des deux concepts garantit une flexibilité et une facilité de mise en œuvre maximales. Sans cela, il n’y aurait ni variables ni déclencheurs. Par conséquent, Google Tag Manager ne déclencherait aucune balise.
Table of Contents
Le contexte
Avant de plonger, rappelons le fonctionnement de la couche de données ou Datalayer en anglais (DL). Un DL est une couche virtuelle d’un site Web où des informations utiles sont stockées, par exemple, l’ID utilisateur, le texte d’un bouton cliqué, le total de la commande, etc.
D’autres outils marketing tels que Google Analytics, Mixpanel et Google Ads, pour n’en nommer que quelques-uns, peuvent également utiliser ces données. Google Tag Manager prend déjà en charge un ensemble de variables intégrées par défaut. Vous pouvez trouver la liste complète en allant dans Variables > Configurer.
Une fois ces variables activées, elles apparaîtront dans l’onglet Variables du mode Aperçu et débogage de Google Tag Manager.
Une fois activés, vous pouvez utiliser ces points de données dans des conditions de déclenchement, des balises et d’autres variables (par exemple, des tables de recherche ou Regex). Et c’est génial ! Mais que se passe-t-il si nous voulons avoir des variables personnalisées ? Par exemple, le nom de l’auteur de l’article de blog, le pays d’enregistrement de l’utilisateur, etc. ? C’est là que les variables de couche de données sont utiles.
Qu’est-ce qu’une variable de couche de données / datalayer ?
Data Layer Variable vous permet d’extraire une valeur de la couche de données et de la transformer en variable (qui peut être utilisée dans les balises, les déclencheurs et même d’autres variables). Mais d’abord, regardons comment la couche de données stocke ces données. Activez le mode Aperçu et débogage GTM et accédez à l’onglet Couche de données.
Dans la capture d’écran ci-dessous, je visualise les données de mon site de ecommerce mais le vôtre peut sembler différent.
Ici, j’ai pris l’exemple d’un événement personnalisé de la vue d’un produit pour savoir quels sont les produits les plus vus. L’événement se déclenchera lorsque quelqu’un vois un produit. Disons que j’ai besoin de connaître nom, la catégorie et l’ID du produit et et que je veux mesurer cela dans Google Analytics. Le ecommerce fonctionne sur Woocommerce et utilise le plug-in GTM4WP, qui envoie ces données à la couche de données à chaque chargement de la page. Si vous souhaitez obtenir encore plus d’informations personnalisées, demandez à un développeur de les ajouter à la couche de données à l’aide de dataLayer.push.
Quoi qu’il en soit, revenons à l’exemple. Comme vous pouvez le voir dans la capture d’écran ci-dessus, il existe des données intéressantes que je pourrais utiliser dans mes balises et déclencheurs. Malheureusement, si je navigue vers l’onglet Variables de la console de prévisualisation et de débogage, ces variables ne sont pas là. Pourquoi?
Par défaut, Google Tag Manager ne reconnaît pas les données personnalisées dans la couche de données. Même si les données sont présentes dans votre couche de données, vous ne pouvez pas les utiliser à moins que vous utilisez la variable de couche de données. Pour créer cette variable, vous devrez spécifier la clé de couche de données dont vous souhaitez récupérer la valeur. Lorsque la variable est résolue, elle renverra la valeur la plus récemment insérée dans la clé. Laisse moi te montrer comment.
Créons une variable de couche de données
Prenons un autre exemple. Je souhaite savoir produit est le plus vu sur un site Web. Au-dessus de l’extrait de conteneur Google Tag Manager, le code dataLayer suivant est ajouté : window.dataLayer = window.dataLayer || []; window.dataLayer.push({ ‘product_name’: ‘abdc’, ‘category’: ‘exemple’, ‘product_id’: ‘12345’ });
Avec l’aide des variables de la couche de données, je peux facilement récupérer ces valeurs et les réutiliser dans d’autres balises, déclencheurs ou variables.
Supposons que vous souhaitiez envoyer un événement Google Analytics lorsque quelqu’un vois un produit.
Dans cet exemple, je n’entrerai pas dans les détails sur la façon de créer une balise. Je vais seulement montrer comment extraire les données de la couche de données et les transformer en variable (dans Google Tag Manager). Aller à variables dans votre compte Google Tag Manager et créez-en un nouveau avec les paramètres suivants (dlv signifie variable de couche de données) :
C’est ça! Enregistrez cette variable, actualisez le mode Aperçu et débogage (P&D) et effectuez l’action souhaitée dans le nouvel onglet. Vous devriez alors voir votre variable nouvellement créée dans l’onglet Variables.
Exemple d’un Data Layer
Voici un exemple de couche de données qui définit un objet « données » contenant les propriétés « utilisateur » et « produit »:
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
‘utilisateur’: ‘JohnDoe’,
‘produit’: ‘T-shirt rouge’
});
</script>
Dans cet exemple, vous pourriez créer une variable de couche de données « utilisateur » en sélectionnant « Couche de données » comme type de variable et en utilisant la notation en point « données.utilisateur » pour spécifier que vous souhaitez utiliser la propriété « utilisateur » de l’objet « données ». De même, vous pourriez créer une variable de couche de données « produit » en utilisant la notation « données.produit ».
Vous pouvez ensuite utiliser ces variables de couche de données dans les balises et les déclencheurs de Google Tag Manager pour personnaliser les actions effectuées en fonction des données de la couche de données. Par exemple, vous pourriez utiliser une variable de couche de données « utilisateur » pour personnaliser un message de bienvenue pour chaque utilisateur ou utiliser une variable de couche de données « produit » pour suivre les clics sur les liens de produits de votre site.
Comment créer une variable de couche de données dans Google Tag Manager
Pour créer une variable de couche de données dans Google Tag Manager, suivez ces étapes :
- Assurez-vous que la couche de données est définie sur votre site web. Cela signifie qu’un objet JavaScript est ajouté à votre page, qui contient les données que vous souhaitez stocker dans la couche de données.
- Connectez-vous à votre compte Google Tag Manager et accédez à l’interface de gestion de votre site.
- Cliquez sur l’onglet « Variables » dans le menu de gauche.
- Cliquez sur le bouton « Nouvelle » dans la section « Variables personnalisées » pour créer une nouvelle variable.
- Dans la fenêtre de création de variable, sélectionnez « Couche de données » comme type de variable.
- Entrez un nom pour votre variable de couche de données dans le champ « Nom de la variable ».
- Utilisez la notation en point pour spécifier quelle donnée de la couche de données vous souhaitez utiliser dans la variable. Par exemple, si vous souhaitez utiliser la propriété « utilisateur » de l’objet « données », vous devriez entrer « données.utilisateur » dans le champ « Valeur ».
- Cliquez sur le bouton « Enregistrer » pour enregistrer votre variable de couche de données.
Vous pouvez maintenant utiliser votre variable de couche de données dans les balises et les déclencheurs de Google Tag Manager en la sélectionnant dans la liste des variables disponibles.
Variable de couche de données : derniers mots
Dans Google Tag Manager, les variables de couche de données (Data Layer Variables) sont des variables qui sont liées à des données spécifiques dans la couche de données de votre site web. Ces données sont souvent des informations contextuelles qui peuvent être utilisées par les balises et les déclencheurs dans Google Tag Manager pour personnaliser les actions effectuées.
Pour utiliser une variable de couche de données, vous devez tout d’abord définir la couche de données sur votre site web. Cela se fait en ajoutant un objet JavaScript à votre page, qui contient les données que vous souhaitez stocker dans la couche de données.
Ensuite, dans Google Tag Manager, vous pouvez créer une variable de couche de données en sélectionnant « Couche de données » comme type de variable dans la fenêtre de création de variable. Vous devrez alors indiquer quelle donnée de la couche de données vous souhaitez utiliser dans la variable en utilisant une notation en point (par exemple, « données.nomDeLaDonnée »).
Une fois que vous avez créé votre variable de couche de données, vous pouvez l’utiliser dans n’importe quelle balise ou déclencheur de Google Tag Manager en la sélectionnant dans la liste des variables disponibles.