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é simultanément par un ou plusieurs fournisseurs de balises pour stocker, entre autres, les événements du site Web. Généralement, le nom de cette variable est “dataLayer”. Cependant, d’autres noms sont théoriquement possibles. Vous pouvez afficher le contenu de la variable en saisissant 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.

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é.