Triggers

Déclencheurs par défaut

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

Cela signifie que chaque fois que vous ajouterez un tag à votre container, le ou les déclencheurs par défaut s’appliqueront à ce tag.

Pour sélectionner votre ou vos déclencheurs par défaut, allez dans les options du container, dans la partie « advanced » :

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 applications », etc.). Pour déclencher des tags lorsqu’un 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 lorsque la page se charge.

Cliquez sur

Ce déclencheur permet d’appeler des tags chaque fois que des éléments de la page sont cliqués. Exemple : si vous souhaitez appeler un tag lorsqu’un utilisateur clique sur un bouton (ex. : bouton « add to cart »), sélectionnez le ou les tags 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 cibler l’un des éléments de votre page. Puis faites un clic droit sur le code apparaissant dans votre console, cliquez sur « Copy » puis sur « 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.

Soumission 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 lorsqu’un formulaire est soumis, suivez les mêmes étapes que pour appeler un tag lors d’un clic. Indiquez le nom de votre déclencheur (ex. : « account creation confirmation »), sélectionnez le ou les tags souhaités et saisissez le code permettant de cibler le bouton de soumission du formulaire sur votre page dans le champ « CSS Selector ».

Scroll

Ce déclencheur permet d’appeler des tags lorsqu’un utilisateur fait défiler la page verticalement ou horizontalement. Afin d’exécuter un tag lors du défilement, vous devrez saisir le nom de votre déclencheur (ex. : « 30% vertical scrolling »), sélectionner le ou les tags souhaités, choisir le type de défilement (horizontal/vertical) dans le menu déroulant, le défilement attendu 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é, veuillez indiquer le nom de votre déclencheur (ex. : « add to cart click »), sélectionner le ou les tags souhaités et saisir le nom de la fonction d’événement implémentée (ex. : « tC.event.add_to_cart »).

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