Déclencheurs

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, partie « avancé » :

Container loaded

Ce déclencheur permet de déclencher des tag lorsque le container est chargé sur une page. C’est le déclencheur par défaut pour tous les tag 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 tag lorsque un container se charge sur votre page, il vous suffit de les sélectionner dans la liste.

DOM Ready

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

Cliquez

Ce déclencheur permet de déclencher des tag chaque fois que des éléments de la page sont cliqués. Exemple : si vous souhaitez déclencher un tag lorsqu’un utilisateur clique sur un bouton (ex. : bouton « add to cart »), sélectionnez le ou les tag 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 CSS selector, 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 selectors dans l’interface ; vous devrez les séparer par des virgules.

Soumission de formulaire

Ce déclencheur permet de déclencher des tag lorsqu’un utilisateur soumet correctement un formulaire. Exemple : lorsqu’il clique sur le bouton « submit » ou appuie sur la touche Entrée. Pour déclencher un tag lorsqu’un formulaire est soumis, suivez les mêmes étapes que pour déclencher un tag lors d’un clic. Indiquez le nom de votre déclencheur (ex. : « confirmation de création de compte »), sélectionnez le ou les tag 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 de déclencher des tag 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. : « défilement vertical à 30 % »), sélectionner le ou les tag souhaités, choisir le type de défilement (horizontal/vertical) dans le menu déroulant, ainsi que le défilement attendu et l’unité de mesure (pourcentage de la page ou pixels).

Custom

Ce déclencheur permet de déclencher des tag chaque fois qu’une fonction d’événement Commanders Act (tC.event.xxx) est détecté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 tag 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\