Variables
Capture de contenu dynamique à l’aide de variables
Une balise permet de collecter ou de transmettre non seulement des valeurs fixes, mais aussi des informations dynamiques du site Web. Les sources peuvent être le contenu des cookies, la couche de données, les éléments DOM ou les paramètres URL. Nous expliquons ci-dessous comment les différents types de variables sont remplis et ensuite utilisés.
Pour configurer les variables, cliquez sur tag manager dans le menu et sélectionnez la sous-rubrique Mes variables.
Variable de cookie
Utilisez la variable cookie pour utiliser les valeurs des cookies afin de remplir les paramètres de la balise. Pour cela, il suffit de saisir le nom du cookie, en plus d’un nom pour la variable.
Variable de la couche de données
La variable "dataLayer" est un tableau Javascript utilisé par un ou plusieurs fournisseurs de tags en même temps pour stocker, entre autres, les événements du site web. Le nom habituel de cette variable est "dataLayer". Mais d’autres noms sont théoriquement possibles. Tu peux voir le contenu de la variable en tapant simplement le nom de la variable Javascript dans la console du navigateur, par exemple "dataLayer".
dataLayer = [
{
'event': 'pageview',
'category': 'Seite',
'action': 'Startseite',
'label': 'Übersicht',
'value': 1
},
{
'event': 'click',
'category': 'Button',
'action': 'Klick auf Button',
'label': 'Mehr erfahren',
'value': 2
}
];Les variables de la couche de données permettent de lire les couches de données de différents fournisseurs. Pour ce faire, indiquez le nom de la couche de données et le nom de la variable correspondante.
Dans notre exemple, par exemple, "Nom de la couche de données"="dataLayer", "Nom de la variable de la couche de données"="event". S’il y a plusieurs variables avec le même nom, c’est la dernière qui sera utilisée. Les objets imbriqués peuvent être désignés par un point (.). Par exemple, "produit.prix".
Variable URL
Deux options sont disponibles pour la variable URL : Paramètre GET et Requête. Si Paramètre GET est sélectionné, la valeur d’un paramètre GET spécifique peut être utilisée. Pour cela, il suffit de saisir le nom du paramètre GET souhaité. Si Query est sélectionné, tous les contenus contenus après le point d’interrogation sont repris de l’URL. Cela peut être utile si la requête ne contient pas de paires clé-valeur, mais seulement une valeur telle que ?sorted, ?print ou similaire.
En revanche, s’il existe des paires clé-valeur et que la variable est utilisée pour définir sa propre dimension, la valeur du paramètre URL déjà défini dans la dimension est automatiquement trouvée et utilisée.
Variable DOM
Pour les variables DOM, vous devez d’abord spécifier l’élément à partir duquel la valeur doit être obtenue. Pour ce faire, vous pouvez utiliser le choix habituel entre le sélecteur CSS, l’ID d’élément et la classe d’élément.
Vous pouvez ensuite définir si la variable doit être remplie avec le texte de cet élément ou si la valeur d’un attribut de cet élément doit être utilisée. Si la valeur de l’attribut est sélectionnée, le nom de l’attribut doit être spécifié. Cela permet également de lire ce que l’on appelle les "data-attributes".
Constante-Variable
Il ne s’agit pas d’une variable dynamique. Elle facilite plutôt la réutilisation d’informations dans autant de balises que nécessaire. C’est pratique, par exemple, pour les données de compte et les clés d’accès utilisées pour s’identifier auprès de services tiers.
Variable personnalisée
La variable personnalisée permet de calculer et d’afficher des valeurs basées sur du code JavaScript à l’aide de n’importe quelle fonction. Elle permet de définir des valeurs de variables qui ne sont pas disponibles en tant que modèles. Elle offre une grande flexibilité, car il est possible de mettre en place des logiques même complexes en extrayant certaines informations du DOM, en effectuant des calculs, en combinant différentes informations et en les renvoyant.
Les exemples incluent la sortie de l’horodatage, la récupération de la valeur d’un champ de formulaire, les conversions de devises et la génération de valeurs aléatoires.
Données fournies par les utilisateurs
Il s’agit d’une variable spéciale pour l’implémentation des conversions améliorées pour Google Ads, Meta Ads, TikTok Ads et Pinterest Ads. La transmission cryptée des adresses e-mail directement au moment de la conversion permet de combler les lacunes d’attribution et d’optimiser les stratégies d’enchères de tes campagnes. L’implémentation de conversions améliorées est particulièrement simple et confortable via etracker tag manager :
Choisis une variable que tu as créée au préalable et qui permet de lire l’adresse e-mail depuis le système de ta boutique ou depuis le DataLayer. Nous te recommandons d’utiliser une variable DataLayer, car elle est plus "stable" qu’une variable DOM.
Le reste se fait automatiquement :
- Si le téléchargement de conversion côté serveur est activé, les données sont cryptées localement dans le navigateur de l’utilisateur à l’aide de SHA-256 avant d’être envoyées aux serveurs etracker et, de là, aux serveurs des plateformes de marketing. Celles-ci ne reçoivent ainsi jamais les véritables adresses e-mail, mais seulement des valeurs cryptées (par exemple d5a671c…) pour les faire correspondre à leurs propres données d’utilisateur hachées. Le etracker consent manager veille à ce que les données des utilisateurs ne soient collectées et envoyées qu’avec leur consentement préalable.
- Si tu utilises les balises de conversion de Google, Meta, TikTok ou Pinterest, les données seront envoyées de manière cryptée via les balises après avoir obtenu ton consentement préalable.
Attention : en cas d’utilisation de conversions améliorées, les informations fournies dans la boîte de dialogue Consent doivent être adaptées. Tu trouveras des exemples de textes ici.
Utiliser des variables
Pour utiliser une variable dans une balise, vous devez sélectionner la variable dans le paramètre approprié de la balise correspondante. Pour cela, il est possible de choisir, outre des désignations fixes, des variables intégrées dont la valeur provient de l’élément auquel le déclencheur se réfère. En outre, il est possible d’utiliser des variables personnalisées qui peuvent être remplies à partir des quatre sources mentionnées ci-dessus et qui dépendent du déclencheur sélectionné.
