Quelles sont les différentes méthodes pour passer des informations d'une page à l'autre avec Google Tag Manager

​Parfois vous aurez besoin de pouvoir passer des informations d'une page à l'autre ou de garder des informations en mémoire.

Voici 4 façons de faire en fonction de vos besoins et des possibilités techniques que vous avez à votre disposition.

 

Les paramètres dans les urls

Uniquement pour passer les informations d'une page à l'autres.

Les paramètres peuvent être changés directement dans Quilium ou à l'aide d'un script JS

var elements = document.querySelectorAll('h3.box-inner-title a');
for(i=0;i<elements.length;i++){
          var href = elements[i].href
          if(href.indexOf('?') == -1){
               elements[i].setAttribute('href', href+"?param=1");
          }else{
               elements[i].setAttribute('href', href+"&param=1");
          }
}

Ce script est à exécuter on DOM ready

Récupérez ensuite ce paramètre sur la page suivante grâce à une variable de type url > requête

 

Les cookies

Les cookies peuvent contenir des informations pendant la session ou pendant un temps que vous aurez défini. Les utilisateurs bloquent parfois les cookies mais l'avantage c'est que vous pouvez faire passer les infos de www.monsite.com vers blog.monsite.com . Ce n'est pas possible de le faire avec les 2 prochaines méthodes.

On peut créer un cookie dans GTM avec ce script

var d = new Date();
d.setTime(d.getTime()+31536000000);
var expires = "expires="+d.toGMTString();
document.cookie = "nomDuCookie=valeurDuCookie; "+expires+"; path=/; domain={{Page Domainname}}";

Plus d'info sur les settings via une doc https://developer.mozilla.org/fr/docs/Web/API/Document/cookie

Récupérer l'information grâce à une variable de type cookie.

 

Session storage et local storage

Le plus facile à manipuler et le plus fiable mais sans la possibilité de passer les informations sur un autre sous-domaine.

La session storage ne garde l'information que pendant la session du navigateur alors que le local storage permet un stockage permanent. Pour les objectifs, préférez un session storage car un objectif GA peut-être rempli 1x / session mais préférez une local storage si vous marquez un utilisateur comme un client

Pour setter l'information

localStorage.setItem('profil', 'client');
sessionStorage.setItem('nbPagesVues', 3);

Pour récupérer l'information

localStorage.getItem('profil');
sessionStorage.getItem('nbPagesVues');

Plus d'info via une doc https://developer.mozilla.org/fr/docs/Web/API/Window/sessionStorage