Déclencheurs

Déclencheurs par défaut

Vous pouvez sélectionner un déclencheur par défaut dans les options du container.

Cela signifie qu’à chaque fois que vous ajouterez un tag à votre container, le(s) déclencheur(s) par défaut s’appliqueront à ce tag.

Pour sélectionner votre/vos déclencheur(s) par défaut, allez dans les options du container, partie « avancé » :

Container loaded

Ce déclencheur permet d’appeler des tags lorsque le container est chargé sur une page. C’est le déclencheur par défaut pour tous les tags que vous ajoutez à votre container. Cela signifie que le tag ne sera appelé que lorsque votre container JavaScript se charge sur votre site, mais ce ne sera pas le cas pour d’autres types d’événements (comme un clic, un changement de page dans un environnement « single page application », etc.). Pour déclencher des tags lorsque le container se charge sur votre page, il vous suffit de les sélectionner dans la liste.

DOM Ready

Ce déclencheur permet d’appeler des tags lorsque la structure de la page est construite (sur l’événement « DOM Ready »). Pour lancer des tags sur cet événement, il vous suffit de les sélectionner. Ils seront appelés sur l’événement DOM Ready lors du chargement de la page.

Cliquez

Ce déclencheur permet d’appeler des tags lorsqu’un élément de la page est cliqué. Exemple : si vous souhaitez appeler un tag lorsqu’un utilisateur clique sur un bouton (ex : bouton « add to cart »), sélectionnez le(s) tag(s) souhaité(s) et saisissez le code permettant de cibler le bouton ou le lien sur votre page dans le champ « CSS Selector ».

À savoir :

• Pour récupérer le sélecteur CSS, ouvrez la console de votre navigateur et utilisez son outil de ciblage pour sélectionner un des éléments de votre page. Puis faites un clic droit sur le code apparaissant dans votre console, cliquez sur « Copy » puis « Copy selector ». Il ne vous reste plus qu’à coller ce code dans l’interface.

• Vous pouvez saisir plusieurs sélecteurs dans l’interface ; vous devrez les séparer par des virgules.

Envoi de formulaire

Ce déclencheur permet d’appeler des tags lorsqu’un utilisateur soumet un formulaire correctement rempli. Exemple : lorsqu’il clique sur le bouton « submit » ou appuie sur la touche Entrée. Pour appeler un tag lors de la soumission d’un formulaire, suivez les mêmes étapes que pour appeler un tag lors d’un clic. Indiquez le nom de votre déclencheur (ex : « confirmation création de compte »), sélectionnez le(s) tag(s) souhaité(s) et saisissez le code permettant de cibler le bouton de soumission du formulaire sur votre page dans le champ « CSS Selector ».

Défilement

Ce déclencheur permet d’appeler des tags lorsqu’un utilisateur fait défiler la page verticalement ou horizontalement. Pour exécuter un tag lors du défilement, vous devrez saisir le nom de votre déclencheur (ex : « défilement vertical 30% »), sélectionner le(s) tag(s) souhaité(s), choisir le type de défilement (horizontal/vertical) dans le menu déroulant, la valeur de défilement attendue et l’unité de mesure (pourcentage de page ou pixels).

Custom

Ce déclencheur permet d’appeler des tags chaque fois qu’une fonction d’événement Commanders Act (tC.event.xxx) est identifiée sur la page. Si vous souhaitez exécuter un tag sur un événement personnalisé, indiquez le nom de votre déclencheur (ex : « add to cart click »), sélectionnez le(s) tag(s) souhaité(s) et saisissez le nom de la fonction d’événement implémentée (ex : « tC.event.add_to_cart »).

Vous pouvez aussi utiliser le SDK Javascript pour suivre des événements et créer des déclencheurs personnalisés\