Déclencheurs

Un déclencheur est une condition qui renvoie la valeur "vrai" ou "faux" au moment de l'exécution. Les déclencheurs associés à une balise définissent les conditions selon lesquelles une balise est déclenchée ou non.

Aperçu

Pour pouvoir être déclenchée, une balise doit être associée à au moins un déclencheur. Les déclencheurs sont évalués au cours de l'exécution et les balises associées sont déclenchées (ou non) lorsque les conditions sont remplies. Par exemple, une balise associée à un déclencheur se basant sur un événement de type "page vue" avec le filtre suivant sera déclenchée sur la page d'accueil d'example.com :

URL est égal(e) à example.com/index.html

Un déclencheur se compose d'un événement et d'un ou plusieurs filtres (à l'exception des événements personnalisés qui ne nécessitent pas de filtres). Chaque filtre prend la forme suivante : [Variable] [Opérateur] [Valeur]

Variable Opérateur Valeur
Sélectionnez URL, URL de provenance, etc. Sélectionnez est égal(e) à, contient, etc. Vous fournissez une valeur. Google Tag Manager compare la valeur que vous fournissez à la valeur d'exécution de la variable.

Dans notre exemple, la variable "URL" est évaluée pendant l'exécution. La variable "URL" a été définie de sorte qu'elle contient l'URL de la page actuelle. Ainsi, pendant l'exécution, l'URL de la page actuelle est comparée à la valeur que vous avez fournie, "example.com/index.html", afin de déterminer si la condition de déclenchement est remplie.

Dans les conteneurs Web, vous pouvez activer des variables intégrées (par exemple, page url, page hostname ou referrer). De plus, lors de la configuration d'un déclencheur basé sur les clics, Google Tag Manager utilise des variables intégrées pour attribuer automatiquement une valeur aux variables en fonction de l'ID de l'élément cliqué, de ses classes, etc. Grâce à ces variables, vous pouvez créer les déclencheurs dont vous avez le plus fréquemment besoin. Cependant, vous pouvez également définir vos propres variables et utiliser leurs valeurs dans les filtres de vos déclencheurs. Pour en savoir plus, consultez l'article relatif aux variables.

De nombreuses variables intégrées sont à votre disposition dans Tag Manager et permettent de répondre à vos principaux besoins (par exemple, recueillir des clics, des ID, des URL, etc.). Vous devez les activer dans Tag Manager afin de pouvoir y accéder dans les menus déroulants. En savoir plus 

Vous pouvez fournir plusieurs filtres ([Variable] [Opérateur] [Valeur]) pour un même déclencheur. Dans ce cas, la balise est déclenchée lorsque toutes les conditions du déclencheur sont remplies.

Déclencheurs d'activation ou de blocage des balises

Une balise est déclenchée dès lors que les conditions de l'un de ses déclencheurs sont remplies. Par exemple, si une balise comporte deux déclencheurs, un pour "toutes les pages" et l'autre pour la "page ABC seulement", la balise se déclenche sur toutes les pages.

Un déclencheur de blocage d'une balise a toujours la priorité sur un déclencheur d'activation. Par exemple, si une balise comporte un déclencheur "toutes les pages" et un déclencheur de blocage "URL est égal(e) à merci.html", la balise ne se déclenchera jamais sur la page "merci.html".

Types de déclencheurs

Toutes les balises déclenchées dans Tag Manager dépendent d'événements. Chaque fois qu'un événement est enregistré par Tag Manager, les déclencheurs du conteneur sont évalués, et les balises correspondantes sont déclenchées. Aucune balise ne peut être déclenchée sans événement.

Un événement peut être une page vue, un clic sur un bouton, l'envoi d'un formulaire, ou toute sorte d'événement personnalisé que vous définissez vous-même. Tag Manager dispose de six types d'événement intégrés ainsi que d'une option d'événement personnalisé. La première étape de la configuration d'un déclencheur consiste à sélectionner le type d'événement qui lui est associé. Les événements intégrés comprennent :

Page vue (Web)

Cet événement correspond à l'affichage d'une page dans le navigateur d'un utilisateur. Il peut être configuré plus en détail grâce au menu déroulant des types de déclencheurs afin d'indiquer à Tag Manager si la balise doit être déclenchée dès que le navigateur commence à analyser la page (événement "Page vue"), après que le navigateur a terminé de construire le DOM de la page complète (événement "DOM prêt") ou après le chargement complet de la page, y compris des ressources intégrées telles que les images et les scripts (événement "Fenêtre chargée"). Ajuster le délai d'un déclencheur basé sur un événement de type "page vue" peut être crucial si votre balise utilise le DOM ou des variables JavaScript pour collecter des valeurs dynamiques. Toutes les balises basées sur une page vue qui interagissent avec le DOM pour donner une valeur aux variables doivent utiliser le type de déclencheur "DOM prêt" afin d'assurer que les variables sont définies de manière cohérente.

Clics (Web)

Sélectionnez le type d'événement "Clic" afin de déclencher une balise lorsqu'un utilisateur clique sur un lien ou sur un élément de la page.

En ce qui concerne le filtre du déclencheur, nous vous recommandons de préciser l'URL (ou le modèle d'URL) des pages où vous souhaitez que le clic ait lieu, afin d'optimiser les performances de Tag Manager.

Lorsque l'utilisateur clique sur n'importe quel élément des pages qui correspondent aux filtres, Tag Manager définit automatiquement les valeurs des variables suivantes (à condition que vous ayez activé ces variables intégrées) :

  • Click Element : élément HTML ayant fait l'objet d'un clic
  • Click Classes : série de valeurs trouvées au sein de l'attribut "class" de l'élément
  • Click ID : attribut "ID" de l'élément ayant fait l'objet d'un clic
  • Click Target : attribut "target" de l'élément ayant fait l'objet d'un clic
  • Click URL : attribut "HREF" de l'élément ayant fait l'objet d'un clic, le cas échéant
  • Click Text : texte visible au sein de l'élément ayant fait l'objet d'un clic

Vous pouvez ensuite inclure ces variables dans le filtre de votre déclencheur basé sur un événement de type "Clic". Imaginons que vous ayez un bouton avec le balisage suivant sur la page www.example.com/cart.html :

<button type="submit" id="cart-add" class="addToCart" >AJOUTER AU PANIER</button>

La configuration de déclencheur suivante déclenche une balise lorsque l'utilisateur clique sur ce bouton :

Configuration du déclencheur

Type de déclencheur : Clic – Tous les éléments
Conditions dans lesquelles le déclencheur est exécuté : Certains clics
Click ID est égal(e) à cart-add
Page URL contient example.com/cart.html

Vous pouvez configurer plus en détail un déclencheur basé sur un événement de type "Clic" afin de préciser si vous souhaitez qu'il surveille uniquement les clics sur des liens standards (option "Liens uniquement") ou également les clics sur n'importe quel élément HTML de la page (option "Tous les éléments").

Étant donné que les clics sur des liens provoquent généralement le chargement d'une nouvelle page par le navigateur et une interruption des demandes HTTP en cours, vous pouvez ajouter un court délai permettant aux balises déclenchées par Tag Manager de s'exécuter correctement avant de procéder à la redirection vers la page suivante. Cocher la case "Attendre les balises" retarde l'ouverture des liens jusqu'à ce que toutes les balises aient été déclenchées ou jusqu'à ce qu'un certain délai se soit écoulé (selon le premier objectif atteint).

L'option "Vérifier la validation" vous permet de ne déclencher les balises que lorsque l'ouverture du lien est considérée comme une action valide. Si cette option n'est pas cochée, les balises sont déclenchées dès qu'un utilisateur essaie de cliquer sur le lien. Découvrez l'article relatif à l'option "Vérifier la validation", ci-dessous, pour obtenir plus d'informations.

Visibilité de l'élément (Web)

Le déclencheur "Visibilité de l'élément" permet d'activer des balises lorsqu'un ou plusieurs éléments spécifiques deviennent visibles. Le déclenchement se produit lorsqu'un élément sélectionné apparaît dans la fenêtre d'affichage ou est rendu visible par son style (c'est-à-dire lorsqu'il n'est pas masqué). Plusieurs actions peuvent rendre un élément visible (par exemple, le chargement de la page, le défilement de la page, l'activation d'un onglet en arrière-plan dans la fenêtre du navigateur, ou une modification de la position ou du style de l'élément opérée par le code).

Le déclencheur "Visibilité de l'élément" peut être activé selon la visibilité d'un ou plusieurs éléments. Dans le menu Mode de sélection, choisissez la méthode permettant de définir ces éléments (l'attribut "ID" ou le sélecteur CSS) :

  • ID : vous sélectionnez un seul élément en spécifiant la valeur de son attribut "ID".
  • Sélecteur CSS : vous sélectionnez un ou plusieurs éléments en spécifiant un format de sélecteur CSS.

Ensuite, choisissez à quel moment le déclencheur doit être activé :

  • Une fois par page : le déclencheur ne sera exécuté qu'une seule fois par page. Si plusieurs éléments d'une page donnée correspondent à l'ID ou au sélecteur CSS, il ne s'activera que la première fois où l'un de ces éléments deviendra visible sur cette page.

    Si l'utilisateur actualise la page ou accède à une nouvelle page, le déclencheur se réinitialise. Il peut alors être de nouveau activé si l'un des éléments sélectionnés devient visible.

  • Une fois par élément : le déclencheur ne sera exécuté qu'une seule fois par élément sélectionné et par page. Si plusieurs éléments d'une page donnée correspondent à un sélecteur CSS, il ne s'activera que la première fois où chacun de ces éléments deviendra visible sur cette page.

    Si vous utilisez la méthode de sélection par ID, cette option fonctionne généralement de la même manière que l'option Une fois par page. Si plusieurs éléments de votre page sont associés à un même ID, seul le premier activera ce déclencheur. Toutefois, si l'option Observer les modifications DOM est activée dans les paramètres avancés, et si plusieurs éléments de la page portent le même ID, le déclencheur peut être exécuté une nouvelle fois dans le cas où une modification DOM observée supprime le premier élément correspondant.

    Si l'utilisateur actualise la page ou accède à une nouvelle page, le déclencheur se réinitialise. Il peut alors être de nouveau activé si l'un des éléments sélectionnés devient visible.

  • Chaque fois qu'un élément apparaît à l'écran : le déclencheur sera exécuté chaque fois qu'un élément correspondant devient visible. Par exemple, si le déclencheur est configuré pour être exécuté lorsqu'un élément dont l'ID est "toto" devient visible, et si l'utilisateur fait défiler la page vers le bas jusqu'à faire apparaître l'élément toto, le déclencheur est exécuté. Si l'utilisateur fait ensuite défiler la page vers le haut de manière que l'élément toto passe dans la partie en dessous de la ligne de flottaison, puis encore une fois vers le bas, le déclencheur est exécuté une deuxième fois.

Options avancées

  • Pourcentage visible minimal : spécifiez le pourcentage de l'élément sélectionné qui doit apparaître à l'écran pour que le déclencheur soit exécuté. Par défaut, 50 % de l'élément doit être visible. Par exemple, si un utilisateur fait défiler la page vers le bas jusqu'à afficher partiellement dans la fenêtre un élément sélectionné, le déclencheur s'active une fois que la moitié de l'élément est visible. Si vous définissez "100" dans ce champ, le déclencheur ne s'activera qu'une fois que l'élément sera entièrement visible (100 %) dans la fenêtre d'affichage.

  • Définir la durée minimale à l'écran : cochez cette case pour indiquer la durée pendant laquelle un élément sélectionné doit être visible à l'écran (selon le pourcentage visible minimal défini) avant que le déclencheur ne soit exécuté. Par défaut, cette option est désactivée, et le déclencheur s'active au moment où l'un des éléments sélectionné apparaît.

    Remarque : La durée d'affichage à l'écran d'un élément sélectionné se cumule sur chaque page. Par exemple, si un élément est visible pendant 5 000 millisecondes, puis disparaît, puis réapparaît à nouveau pendant 5 000 millisecondes, la durée totale d'affichage à l'écran sera de 10 000 millisecondes. Si l'utilisateur clique sur l'icône Actualiser ou accède à une autre page, le déclencheur ainsi que la durée d'affichage à l'écran se réinitialisent.

  • Observer les modifications DOM : si vous cochez cette case, le déclencheur prend en compte les éléments correspondants qui apparaissent via une modification DOM.

Remarque : Si vous définissez une durée minimale à l'écran ou si vous activez l'observation des modifications DOM, Google Tag Manager doit contrôler l'état du ou des éléments sélectionnés. Lorsque cette surveillance porte sur plusieurs éléments d'une même page, les performances du site (après le chargement de la page) peuvent être affectées. Pour éviter ce problème, assurez-vous que votre sélecteur CSS ne correspond pas à un grand nombre d'éléments ou utilisez la méthode de sélection par ID.

Lorsqu'un déclencheur "Visibilité de l'élément" s'active, une valeur est automatiquement affectée aux variables intégrées suivantes :

  • Pourcentage visible : valeur numérique (de 0 à 100) indiquant la proportion de l'élément sélectionné visible au moment de l'activation du déclencheur.

  • Durée minimale à l'écran : valeur numérique indiquant combien de temps (en millisecondes) l'élément sélectionné a été visible à l'écran avant l'exécution du déclencheur.

Remarque : Vérifiez que vous avez bien activé ces variables intégrées à partir de l'écran Variables.

Vous pouvez également configurer des variables d'événement automatique définies par l'utilisateur pour capturer des informations sur l'élément sélectionné lorsque le déclencheur s'active.

Envoi d'un formulaire (Web)

Afin de déclencher une balise lors de l'envoi d'un formulaire par l'utilisateur, sélectionnez "Formulaire" comme événement de déclencheur.

Dans le filtre du déclencheur, nous vous recommandons de préciser l'URL (ou le modèle d'URL) des pages où vous souhaitez que l'envoi du formulaire ait lieu, afin d'optimiser les performances de Tag Manager.

Lorsqu'un déclencheur basé sur un envoi de formulaire est activé, les valeurs des variables suivantes sont automatiquement définies :

  • Form Element : élément du formulaire ayant fait l'objet d'un clic
  • Form Classes : série de valeurs trouvées dans l'attribut "class" du formulaire
  • Form ID : attribut "ID" de l'élément du formulaire
  • Form Target : attribut "target" de l'élément du formulaire
  • Form URL : attribut "HREF" de l'élément du formulaire, le cas échéant
  • Form Text : texte visible au sein du formulaire

L'option "Attendre les balises" retarde l'envoi du formulaire jusqu'à ce que toutes les balises concernées aient été déclenchées ou jusqu'à ce qu'un certain délai se soit écoulé, selon la première échéance atteinte. Si l'option n'est pas cochée, les balises les plus lentes risquent de ne pas se déclencher avant que l'envoi du formulaire ne provoque le chargement de la page suivante.

L'option "Vérifier la validation" vous permet de ne déclencher les balises que si le formulaire est envoyé avec succès. Si cette option n'est pas cochée, les balises sont déclenchées dès qu'un utilisateur essaie d'envoyer le formulaire.

Modification de l'historique (Web)

Les déclencheurs basés sur les événements de modification de l'historique déclenchent une balise lorsque le fragment de l'URL (hash) est modifié ou lorsqu'un site utilise les API HTML5 pushState. Ce déclencheur est utile pour activer les balises qui effectuent le suivi des pages vues virtuelles dans une application Ajax par exemple.

Lorsqu'un événement de modification de l'historique a lieu, Tag Manager attribue automatiquement une valeur aux variables suivantes :

  • Ancien fragment d'URL de l'historique : ancienne valeur du fragment d'URL
  • Nouveau fragment d'URL de l'historique : valeur actuelle du fragment d'URL
  • Ancien état de l'historique : ancien objet d'état de l'historique, contrôlé par les appels du site à pushState
  • Nouvel état de l'historique : nouvel objet d'état de l'historique, contrôlé par les appels du site à pushState

Erreur JavaScript (Web)

Ce type de déclencheur est utilisé pour activer des balises lorsqu'une exception JavaScript non capturée (à l'aide de window.onError) a lieu. Lorsque le déclencheur s'active, les valeurs seront automatiquement définies pour les variables suivantes :

  • Error message : chaîne contenant le texte du message d'erreur JavaScript
  • Error url : URL où l'erreur a été constatée
  • Error line number : numéro de la ligne de code dans laquelle l'erreur a été constatée

Sachez que le déclencheur d'erreur JavaScript ne signalera aucune erreur avant le chargement de Google Tag Manager. Seules les exceptions non capturées seront signalées.

Profondeur de défilement (Web)

Le déclencheur "Profondeur de défilement" peut être utilisé pour activer des balises en fonction de la quantité de la page parcourue par l'utilisateur à l'aide du défilement. Vous pouvez choisir parmi les options suivantes :

  • Profondeurs de défilement vertical : le déclenchement dépend de la quantité de contenu parcourue par l'utilisateur en faisant défiler la page vers le bas.

  • Profondeurs de défilement horizontal : le déclenchement dépend de la quantité de contenu parcourue par l'utilisateur en faisant défiler la page vers la droite.

À l'aide d'un seul déclencheur, vous pouvez activer des balises selon des valeurs de profondeur de défilement à la fois horizontal et vertical. Définissez les profondeurs de défilement qui doivent activer le déclencheur sous forme de pourcentages (par rapport à la hauteur et à la largeur de la page) ou de pixels. Pour indiquer la valeur (pourcentages ou pixels) saisissez un ou plusieurs nombres entiers positifs séparés par une virgule.

Par exemple, si vous avez sélectionné l'option "Pourcentages" pour les profondeurs de défilement vertical, vous pouvez saisir "10, 50, 90" pour définir les points de déclenchement à 10 %, 50 % et 90 % de la hauteur de la page. Si vous appliquiez ce déclencheur à une balise et si un utilisateur faisait défiler 90 % de la page en partant du haut, cette balise serait activée trois fois (une fois pour chaque seuil). Le déclencheur ne s'active qu'une fois par seuil et par page. Si l'utilisateur fait de nouveau défiler la page vers le haut et le bas, le déclencheur ne s'active pas une deuxième fois, sauf si l'internaute clique sur l'icône Actualiser ou accède à une autre page.

Pour les pages à défilement infini ou celles dont la taille est très variable, il peut être plus judicieux d'opter pour le déclencheur "Visibilité de l'élément".

Remarque : Si une profondeur de défilement spécifiée est visible dans la fenêtre d'affichage lors du chargement de la page, le déclencheur s'active sans que l'utilisateur ait besoin de la faire défiler. Chaque déclencheur ne s'active qu'une fois par seuil et par page.

Lorsqu'un déclencheur "Profondeur de défilement" est activé, une valeur est automatiquement affectée aux variables intégrées suivantes :

  • Scroll Depth Threshold : valeur numérique indiquant la profondeur de défilement ayant provoqué l'exécution du déclencheur. Si le seuil est en pourcentage, elle sera comprise entre 0 et 100. Si le seuil est en pixels, elle correspondra au nombre de pixels spécifié pour le déclenchement.

  • Scroll Depth Units : valeur indiquant l'unité spécifiée pour le seuil ayant provoqué l'exécution du déclencheur. Cette valeur correspond soit à "pixels", soit à "pourcentages".

  • Scroll Direction : valeur indiquant le sens du défilement pour le seuil ayant provoqué l'exécution du déclencheur. Cette valeur correspond soit à "vertical", soit à "horizontal".

Minuteur (Web)

Les déclencheurs basés sur cet événement vous permettent d'envoyer, selon un intervalle personnalisé, des événements à Tag Manager, afin de déclencher un événement dans Tag Manager à la fréquence souhaitée. Lorsque vous utilisez ce déclencheur, Tag Manager lance un compteur qui déclenche un événement à l'intervalle (en millisecondes) que vous définissez. Si vous définissez un intervalle de 5 000, l'événement sera déclenché toutes les cinq secondes. Vous pouvez attribuer à l'événement le nom de votre choix dans le champ "Nom de l'événement". Vous pouvez ensuite utiliser ce nom d'événement pour créer un déclencheur d'événement personnalisé. Par exemple, si vous appelez l'événement "timer5" dans un déclencheur basé sur un minuteur, vous devez ensuite créer un déclencheur basé sur un événement personnalisé où la condition de l'événement est "événement est égal(e) à timer5". Vous pouvez consulter des exemples dans l'article Événements Google Analytics. La limite indique le nombre maximal de déclenchements de l'événement. Si vous ne renseignez pas ce champ, l'événement continuera de se déclencher jusqu'à ce que l'utilisateur quitte la page.

Événements personnalisés (Web et mobile)

Les événements personnalisés vous permettent d'effectuer le suivi des interactions susceptibles d'avoir lieu sur votre site Web ou dans votre application mobile, et ne pouvant pas être gérées par les méthodes de suivi standards. Ils sont utilisés le plus fréquemment pour le suivi de formulaires dont les comportements par défaut ont été réacheminés (par exemple, lorsque l'événement d'envoi via le navigateur est ignoré).

Voici un exemple de configuration Web permettant de déclencher une balise lorsqu'un événement personnalisé appelé "button1-click" est transmis à la couche de données :

  1. Ajoutez du code pour transmettre l'événement à la couche de données lorsque l'utilisateur clique sur le bouton. 
    Exemple : <a href="#" name="button1" onclick="dataLayer.push({'event': 'button1-click'});" >Button 1</a>
  2. Créez votre balise. Dans la section Configuration du déclencheur de votre nouvelle balise, créez un événement avec les paramètres suivants :
    Type de déclencheur : événement personnalisé
    Nom de l'événement : button1-click
    Conditions dans lesquelles le déclencheur est exécuté : Tous les événements personnalisés

Cette configuration permet le déclenchement de votre balise même lorsque l'événement d'envoi par défaut est ignoré. Lorsque l'utilisateur clique sur le bouton, un événement personnalisé, pour lequel la valeur "button1-click" est définie, est transmis à la couche de données. Tag Manager détecte "button1-click" en tant que valeur d'un événement personnalisé et déclenche donc la balise.

Conseil : Les événements standards et personnalisés sont tous envoyés de manière identique vers la file d'attente de la couche de données. Afin d'afficher la séquence d'événements envoyée vers la couche de données pour une certaine page, ouvrez la console JavaScript de votre navigateur et saisissez "dataLayer".

data layer screenshot from Google Chrome
Conseil : Vous pouvez envoyer plusieurs variables en même temps que l'événement à l'aide de dataLayer.push(). Par exemple, dataLayer.push({'event':'button1-click','conversionValue':25}); transmet la valeur de la conversion au moment du clic sur le bouton. Cela vous permet ensuite de créer la variable de la couche de données dans Tag Manager afin de l'utiliser dans le champ correspondant à la valeur de la conversion de votre balise de suivi des conversions AdWords.

Vidéo YouTube (Web)

Le déclencheur "Vidéo YouTube" permet de déclencher des balises suite à différentes interactions avec des vidéos YouTube intégrées sur vos sites.

À chaque interaction, des données sur l'état de la vidéo et de la lecture sont transmises à la couche de données. Vous pouvez enregistrer ces données à l'aide de variables vidéo intégrées.

Options d'enregistrement de base

  • Lancement de la vidéo : le déclencheur est exécuté lorsque la lecture de la vidéo commence.
  • Vidéo terminée : le déclencheur est exécuté lorsque la lecture de la vidéo se termine.
  • Vidéo en pause, utilisateur avançant/reculant la vidéo et mise en mémoire tampon : le déclencheur est exécuté lorsque la vidéo est mise en pause, lorsque la barre de lecture est déplacée afin d'avancer la vidéo ou de repositionner la durée au sein de la vidéo, ou encore lorsque la vidéo est mise en mémoire tampon.
  • Progression de la vidéo : le déclencheur est exécuté lorsque la lecture de la vidéo a avancé d'une certaine durée (indiquée au moyen d'un pourcentage ou d'un horodatage en secondes) :
    • Pourcentages : saisissez un ou plusieurs pourcentages sous forme de liste de nombres entiers séparés par une virgule. Il s'agit du pourcentage de lecture de la vidéo. Par exemple, 5, 20, 50, 80, correspond à 5 %, 20 %, 50 % et 80 %.
    • Limites de temps : saisissez une ou plusieurs limites de temps sous forme de liste de nombres entiers séparés par une virgule. Il s'agit du nombre de secondes correspondant à la lecture de la vidéo. Par exemple, 5, 15, 60, 120, correspond à 5 secondes, 15 secondes, 60 secondes et 120 secondes.
Remarque : Les pourcentages et limites de temps n'exécutent le déclencheur que la première fois où les valeurs sont atteintes. Si l'utilisateur repasse la vidéo à un pourcentage ou une limite de temps spécifique, le déclencheur n'est pas exécuté.

Options avancées

  • Activer la compatibilité avec l'API JavaScript pour toutes les vidéos : cochez cette case pour activer l'API YouTube iFrame Player. Le paramètre enablejsapi est alors ajouté aux URL des lecteurs vidéo YouTube avec la valeur 1, ce qui permet au lecteur d'être contrôlé via iFrame ou JavaScript. Remarque : avec cette option, si la vidéo est en cours de lecture au moment du chargement de Google Tag Manager, elle sera actualisée.

Remarque : Que la vidéo se charge avant ou après le chargement de la page, les déclencheurs "Vidéo YouTube" fonctionnent à condition qu'au moins l'un des éléments suivants soit présent lors du chargement de Google Tag Manager :

  • Une vidéo YouTube intégrée
  • L'API YouTube iFrame <script>
  • Le code permettant de créer la portion <script> de l'API YouTube iFrame, comme indiqué dans cet exemple

Utiliser des expressions régulières et des sélecteurs CSS en tant qu'opérateurs

Vous pouvez utiliser des expressions régulières et des sélecteurs CSS en tant qu'opérateurs lors de la configuration de déclencheurs. Dans ce cas, vous pouvez spécifier si le déclencheur doit correspondre ou non à la règle que vous voulez appliquer. Par exemple, l'expression régulière appliquée à une variable d'URL ou de chemin d'accès d'URL :

/pro/

correspondra à toutes les pages contenant la chaîne "pro" dans le chemin d'accès de l'URL, y compris celles contenant les chaînes "produits", "promotions", "professionnels" et "processus".

Le sélecteur CSS peut être utilisé pour cibler des éléments HTML spécifiques. Par exemple, ce sélecteur appliqué à une variable basée sur un élément de type "clic" :

#promo .purchase

correspondra à un clic pour tout élément avec une valeur d'attribut de classe "purchase" hérité d'un élément parent avec une valeur d'attribut d'identification "promo".

Ajouter des filtres à un déclencheur

Après avoir sélectionné l'événement associé à votre déclencheur, vous pouvez spécifier les conditions dans lesquelles votre déclencheur doit activer les balises. Ces conditions sont basées sur les valeurs des variables de Tag Manager. Chaque événement intégré comprend une ou plusieurs variables dont les valeurs sont automatiquement définies par Tag Manager, comme l'URL de la page pour une page vue ou l'ID de l'élément cliqué pour un événement de clic. Vous pouvez créer des filtres pour vos déclencheurs en utilisant des variables associées au type d'événement sélectionné ou des variables personnalisées que vous avez créées.

Lors de la création d'un déclencheur, vous devez indiquer au moins un filtre, sauf pour les déclencheurs basés sur des événements personnalisés.

Enfin, vous pouvez attribuer un nom à votre déclencheur et paramétrer d'autres options de configuration propres au type de déclencheur choisi.

Déclencheurs et variables

Si votre balise utilise des variables, les valeurs transmises à la balise correspondent aux valeurs qu'avaient ces variables au moment où a eu lieu l'événement qui a déclenché la balise.

Prenons l'exemple suivant avec plusieurs mises à jour successives de la couche de données :

Screenshot of chrome devtools showing objects in data layer

Une balise qui est activée par un déclencheur basé sur l'événement "productView" est activée deux fois. Si elle utilise une variable associée à la variable de couche de données "productId", sa valeur sera "ABCD" pour le premier déclenchement de la balise, puis "EFGH" pour le deuxième déclenchement de la balise. Si elle utilise la variable de couche de données associée à "loggedInUser", sa valeur sera "no" pour les deux déclenchements de la balise, car la valeur a initialement été définie sur "no" et n'a pas été remplacée lors du deuxième déclenchement de la balise.

Une balise avec un déclencheur basé sur l'événement "addToCart" serait déclenchée avec la valeur "XYZ" pour la variable "productId" et avec la valeur "yes" pour la variable "loggedInUser". En effet, la valeur de cette dernière a été modifiée lors d'une mise à jour de la couche de données qui a eu lieu avant l'événement "addToCart". Notez que la mise à jour de la couche de données qui donne la valeur "yes" à la variable "loggedInUser" ne peut pas être utilisée pour déclencher des balises, car aucun événement n'est associé à cette mise à jour.

Mettre en veille une balise

Pour désactiver le déclenchement d'une balise de manière temporaire, vous pouvez la mettre en veille. Les déclencheurs qui lui sont associés seront alors bloqués. Cette fonctionnalité peut s'avérer utile dans les cas où vous souhaitez désactiver le déclenchement d'une balise, mais ne souhaitez ni supprimer la balise, ni ajuster ses déclencheurs dans la configuration du conteneur (par exemple, lorsque vous procédez à la résolution d'un problème ou diffusez une campagne limitée dans le temps, etc.).

Remarque : Pour que vos modifications soient prises en compte, vous devez enregistrer et publier les balises que vous mettez en veille ou réactivez.

Pour mettre en veille une balise, procédez comme suit :

  1. Cliquez sur Balises, identifiez la balise que vous souhaitez mettre en veille, puis cliquez sur son nom dans la liste afin de l'ouvrir.
  2. Cliquez sur le menu Plus Plus, puis sur Mettre en veille.
  3. Enregistrez et publiez les modifications.

Lorsqu'une balise est mise en veille, elle affiche l'icône de mise en veille suivante : yellow circular pause icon

Pour réactiver une balise, procédez comme suit :

  1. Cliquez sur Balises, identifiez la balise que vous souhaitez réactiver, puis cliquez sur son nom dans la liste afin de l'ouvrir.
  2. Cliquez sur RÉACTIVER (sous ENREGISTRER) ou sur Réactiver dans le menu Plus Plus.
  3. Enregistrez et publiez les modifications.