Gestion des Pop-ups avec Cookies

Déclenchement de tags basé sur un cookie
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Découverte de Google Tag Manager
Revoir le teaser Je m'abonne
Transcription

49,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis

49,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

L'objectif de cette vidéo est de maîtriser l'utilisation de GTM pour contrôler les déclenchements de pop-ups basés sur la présence de cookies. Vous apprendrez également à configurer des variables et des règles dans GTM pour une gestion avancée des balises.

Découvrez comment empêcher le déclenchement de pop-ups sur une page web en vérifiant la présence de cookies avec GTM.

Dans cette leçon, nous allons explorer comment utiliser Google Tag Manager (GTM) pour contrôler le déclenchement de pop-ups basés sur la présence de cookies. Vous apprendrez à créer et gérer des cookies, définir des variables personnalisées, et appliquer des règles de déclenchement conditionnelles.

Nous commençons par la création d’un cookie nommé 'visit' avec une valeur de 1 dès que l'utilisateur arrive sur la page. Ensuite, nous configurerons GTM pour vérifier la présence de ce cookie afin d'éviter le déclenchement du pop-up si le cookie est déjà présent. Enfin, nous verrons comment vérifier la présence du cookie via la console de votre navigateur et comment ajuster les paramètres avancés de GTM pour un séquençage précis des déclenchements de balises.

Ce tutoriel détaillé vous permettra de maîtriser les techniques de gestion de cookies et de déclenchements de pop-ups, optimisant ainsi l'expérience utilisateur sur votre site Web.

Voir plus
Questions réponses
Qu'est-ce qu'un cookie en termes de développement web?
Un cookie est un petit fichier stocké sur l'ordinateur de l'utilisateur par le navigateur web, utilisé pour enregistrer des informations sur l'utilisateur et l'améliorer de son expérience sur le site.
Comment peut-on vérifier la présence d'un cookie dans le navigateur?
On peut vérifier la présence d'un cookie en utilisant la console de développement du navigateur, avec la commande 'document.cookie'.
Pourquoi utiliser Google Tag Manager pour la gestion des cookies et pop-ups?
Google Tag Manager permet de gérer efficacement les balises et les déclenchements de manière centralisée sans avoir à modifier directement le code source du site, ce qui facilite la mise en œuvre et la maintenance.
Ici, on va prendre un exemple un peu plus avancé où je veux empêcher que le pop-up qui intervient sur la page 2 se déclenche si, par exemple, on a déposé un cookie. Donc, en gros, j'arrive sur une page, j'ai un script qui crée un cookie qui s'appelle « visit » avec une valeur de 1, et si GTM trouve cette valeur, il ne déclenchera pas le pop-up en question. Donc, pour ce faire, j'ai créé une balise HTML que j'appelle « déposeDeCookie », qui se déclenche sur toutes les pages et qui contient ce code-là « document.cookie == visit == 1 ». Donc, ça, ça veut dire que mon navigateur écrit un cookie qui expirera quand le navigateur sera fermé, qui contient la valeur de « visit == 1 ». Donc, jusque-là, tout va bien. Je déclenche ça sur toutes les pages, ce qui me permet ensuite d'aller dans mes déclencheurs et, du coup, de créer une règle qui s'appelle uniquement « siCookieAbsent » et qui va, du coup, utiliser un cookie de visite. Ça crée une règle où le cookie de visite, qui est une variable que j'ai créée dans mes variables, n'est pas égal à 1. Donc, dans mes variables, j'ai créé une variable personnalisée qui est en dessous qui s'appelle « cookieDeVisite », qui est basée sur le type de variable « cookiePropriétaire » qu'on a ici dans la gauche et qui contient une valeur basée sur la présence du cookie qui s'appelle « visit ». En fonction de ça, on va créer une règle qui s'appelle uniquement « siCookieAbsent » et cette règle me dit que si le cookie de visite n'est pas égal à 1, alors on peut déclencher le bienvenue page 2 et l'injection de texte sur la home page. Là, je viens de recharger ma page et de publier et là, ce qu'on voit, c'est que la dépose de cookie a eu lieu suffisamment tôt pour que je n'ai pas le problème. Donc, du coup, le cookie est là. Donc, ça, après, je vais le vérifier avec ma console, par exemple. Je crois que j'ai un document.cookie et il va venir. Voilà, en première position, j'ai bien un cookie qui s'appelle « visit » avec une valeur de 1. Donc, du coup, lui, qu'est-ce qu'il fait quand il regarde ses conditions ? Il va voir que dans les variables, il va avoir, au niveau de la page vue, mon cookie de visite qui est égal à 1 parce qu'il a réussi à attraper la valeur au bon moment et que, donc, du coup, mes tags dont, notamment, bienvenue en page 2, il me dit que ça déclenche si j'ai une page vue « gtm.js » et si le cookie n'est pas égal à 1, d'accord ? Donc, du coup, je pourrais, par exemple, forcer le déclenchement du dépôt de cookie plus tard pour voir si ça marche ou pas, voir si ça se fait avant ou après le dépôt de cookie. Comment est-ce qu'on pourrait faire ça, d'ailleurs ? On pourrait aller dans « gtm », on retourne dans le tag en question et on va dire que, du coup, la dépose de cookie est, en fait, un tag qui se déclenche, lui. Alors, dans les paramètres avancés, vous allez pouvoir dire, dans le séquençage des tags, qu'il se déclenche avant ou après, d'accord ? Enfin, après, avant. Donc, là, par exemple, déclencher une valise juste après le dépôt de cookie. Donc, là, du coup, on peut dire « Fais-moi, par exemple, le bienvenue page 2 au cas où. » Voilà. Et on peut dire, voilà, « Ne pas déclencher bienvenue page 2 en cas d'échec 2. » Donc, vous pouvez avoir, avec le séquençage, toute une série d'outils qui vous servent à imposer le passage avant ou après de conditions. Voilà pour les changements que j'avais effectués. Donc, vous avez vu, quand même, on peut faire des choses assez avancées et on n'a pas encore vu tout l'étendue de « gtm ».
Nos dernières formations Référencement / SEO