Découverte du Data Layer

Découverte du Data Layer

 

Désormais, l’agence adwords à Marseille va vous apprendre à manipuler le Data Layer.

 

Découverte

Le DataLayer est une boîte où des informations prises en compte par GTM peuvent être ajoutées au chargement d’une page.

C’est un code (objet Javascript) où des données structurées comme {‘nom’:’valeur’} peuvent être ajoutées.

 

Mise en place du Data Layer

Premièrement, son code doit être situé dans la page avant le code GTM. Ensuite le code à créer ce nom « dataLayer ».

Ajouter du code dans votre objet javascript, plusieurs options :

• • Créez votre DataLayer sans connaissance en Javascript auquel cas vous pouvez coller les données dedans
  • Utilisez « Array.push( ) » (fonction javascript). Elle vous permet d’insérer des informations dans un tableau. Vous pourrez sélectionner votre Data Layer et ajouter des données avec :  dataLayer.push ({ ‘nom’ : ‘valeur’ });

Remonter des informations du Data Layer

Tout d’abord, comprenez que les données collectées par GTM sont manipulables. Pour le faire, il faut un nouveau genre de « variables de couche de données ».

 

Création d’une variable de couche de données

Vous devez aller dans l’interface « Variables » puis aller en bas de la page puis ajouter une variable définie par l’utilisateur. Vous devrez choisir le type de variable dans « variables de pages ». Le nom de la donnée rentré dans le DataLayer doit être également ajouté.

Les événements du Data Layer

Les trois événements vus dans l’épisode précédent, correspondent à des changements d’états au niveau de l’objet javascript.

 

Pour générer des événements personnalisés, il existe plusieurs techniques :

• • Scroll
  • Visibilité d’éléments
  • Détection de clics
  • Timer

 

Inspecter le Data Layer avec l’outil de Prévisualisation

Vous pouvez d’abord, activer le bandeau de prévisualisation dans GTM. De plus, vous pouvez voir les changements d’états du DataLayer en cliquant sur « événement ». Vous pourrez également voir les informations de vos pages que collecte GTM.

 

Prochainement, vous allez mettre en place quelques balises du plan de taggage qui ont été réalisées auparavant.

 

Fait par Vaniseo – Votre agence web à Marseille