Catégorie : Live Signals

Cette intégration est uniquement disponible pour les projets Web et supporte l'envoi de signaux vers les partis tiers suivants :

À quoi s'attendre

Cette intégration permet de segmenter selon les interactions utilisateurs telles que les clics de rage, le survol constant, le scroll répété et l'activité frauduleuse. Ces signaux peuvent également être envoyés à d'autres outils tiers en temps réel.

Ce que nous collectons

Variables dynamiques

Implémentation

Étapes d'implémentation

Consultez notre article "Demander une intégration" et suivez ses instructions pour commencer l'activation. Une fois cela fait, vous pourrez reprendre votre lecture de cet article.

Options de signal

Vous pouvez choisir parmi les signaux supportés suivants :

Signaux de friction

Signaux de fraude

Signal de poussée

Signal de blocage de publicités

Signaux Namogoo (uniquement pour les clients Namogoo)

Chaque signal peut remplacer les valeurs seuils définies par défaut.

Voici les valeurs par défaut de chaque signal. Vous pouvez demander à les modifier si nécessaire.

Définir des sélecteurs CSS

Signaux de fraude

Si vous utilisez les signaux de fraude, vous devrez définir ce qui suit :

Pour le module "Rechargements excessifs", vous devrez définir la partie de l'URL sur laquelle vous souhaitez que le module s'exécute.

Il est recommandé de ne définir cette condition que pour les pages qui comportent un champ de carte de crédit ou de bon de réduction.

Pour les modules "Collages excessifs" et "Clics excessifs", vous devez définir des sélecteurs CSS tels que les noms de classe / ID / attributs de données des champs de saisie pour lesquels vous souhaitez suivre les collages ou les clics. Il est recommandé d'utiliser des noms de classe uniques à ces champs. Vous pouvez renseigner autant de sélecteurs séparés par des virgules que vous le souhaitez, mais il est préférable de les limiter aux champs de saisie de carte de crédit et de bons de réduction, car c'est là que se produisent les fraudes. Si votre entreprise traite des demandes d'assurance, alors vous pourriez également inclure les champs du formulaire de demande d'assurance. Pour les conditions d'URL, veuillez utiliser le séparateur pipe |.

Autres signaux

Pour tous les signaux, vous avez la possibilité de définir des sélecteurs CSS ou des expressions JavaScript qui rendront la détection plus spécifique et de ne l'appliquer qu'à certaines pages et/ou certains éléments.

Format du sélecteur CSS

Le format standard utilisé par document.querySelector() est accepté.

Par exemple, le listener de clic ne détectera le sélecteur que sur le dernier nœud, qui dans ce cas est l'élément SPAN qui se trouve à l'intérieur d'un élément BUTTON. Donc, disons que votre sélecteur existe sur l'élément BUTTON ([data-testid='configurator-next']), mais que vous souhaitez qu'un signal soit détecté à la fois sur le BUTTON et le SPAN à l'intérieur, alors vous devrez demander à activer cette option. Autrement, le sélecteur ne sera jamais détecté.

Obtenir les sélecteurs CSS

Afin de facilement définir les sélecteurs CSS à fournir à Contentsquare pour le suivi des signaux en direct, vous pouvez installer cette extension Chrome.

1. Une fois installée, cliquez-droit sur la nouvelle icône de l'extension dans votre navigateur et cliquez sur "Options" :

2. Sur la page des options, passez l'option d'obtention des sélecteurs CSS à "Activé" et cliquez sur "Enregistrer les paramètres".

3. Rendez-vous sur la page à partir de laquelle vous souhaitez obtenir les sélecteurs CSS (actualisez-la si celle-ci était déjà ouverte).

4. Cliquez sur n'importe quel élément de la page, en particulier ceux que vous souhaitez suivre avec Live Signals, et vous verrez apparaître une modale déplaçable en haut à gauche de l'écran qui indiquera le type d'élément et les sélecteurs CSS qui lui sont associés.

Ex : Cliquer sur un bouton CTA fera apparaître la modale où vous verrez le type de tag et les sélecteurs CSS associés au CTA en question.

5. Cliquez sur les sélecteurs CSS que vous souhaitez utiliser pour les copier dans votre presse-papiers.

Si pour une raison quelconque la page se redirige après que vous l'ayez cliquée, elle affichera automatiquement les derniers sélecteurs CSS détectés en bleu une fois qu'elle sera chargée.

Dès que vous cliquerez sur un autre élément, il affichera alors les informations du nouvel élément sur lequel vous avez cliqué, tandis que le précédent s'affichera de nouveau en rouge, et ainsi de suite.

6. Veuillez ensuite lister les sélecteurs que vous souhaitez suivre à notre équipe, qui les configurera pour vous dans votre compte Contentsquare, et indiquez-leur à quels signaux en direct ils correspondent. Si les sélecteurs sont les mêmes pour plusieurs signaux, veuillez le préciser. N'oubliez pas de désactiver cette option une fois terminée, autrement elle suivra tous les sites que vous consultez.

Options d'alerte

Avec les signaux, vous avez la possibilité de choisir où envoyer ces signaux, par exemple à Contentsquare pour la segmentation mais également à certains produits tiers que nous supportons actuellement. Si vous souhaitez envoyer ces signaux vers un autre produit qui ne figure pas dans la liste, n'hésitez pas à en faire la requête via le support afin que nous étudiions cette option.

Si vous souhaitez envoyer ces signaux à Contentsquare, vous pouvez choisir de les envoyer soit en tant que :

• Variables dynamiques
• Événements de page (ceux-ci apparaissent dans le flux d'événements des replays de sessions)

Instructions spéciales

Dispatch JS Custom Events

Si vous choisissez l'option des évènements personnalisés ("CustomEvent"), vous devrez définir un écouteur d'événement portant sur la fenêtre dans votre code et écouter l'événement personnalisé nommé Contentsquare_LiveSignal

Le code à utiliser est le suivant :

window.addEventListener(
    "Contentsquare_LiveSignal",
    function (e) {
        //In the event detail property you will find the signal object that was dispatched.
        //Simply push that object to wherever you need.
        
        //console.log(e.detail);
    },
    false
);

Une fois que l'écouteur reçoit un événement, la charge utile ressemblera à ceci dans la propriété de détail:

Write to DataLayer

Si votre Data Layer n'est pas nommé dataLayer, veuillez-en renseigner le nom à CS.
Voici un exemple de ce à quoi ressemblera la charge utile lorsqu'elle sera ajoutée au Data Layer.

Adobe Experience Platform

Fournissez les informations suivantes à CS:

• ID du locataire (obligatoire)
• Nom de l'objet Alloy (uniquement si vous n'utilisez pas le nom par défaut qui est alloy)
• ID de l'ensemble de données (facultatif)

Dans AEP, vous devrez configurer un schéma comme ceci:

Définissez une propriété contentsquare_live_signal contenant les données des signaux et respectant le schéma xdm. Veuillez également définir un indicateur facultatif pour les sous-propriétés suivantes de contentsquare_live_signal.

event
target
xpath
page
error_message
cs_replay_link

Le résultat devrait ressembler à ceci:

La charge utile que vous recevrez dans AEP ressemblera à ceci.

Amplitude

Dans votre CDP Amplitude, recherchez les événements qui portent le nom contentsquare_live_signal

Naviguez jusqu'à l'option "Événements inattendus" de l'onglet "Données".

Ajoutez ensuite l'événement à votre plan de suivi. Notez que chaque signal en direct peut avoir différentes propriétés, mais aussi que certains peuvent en partager. Assurez-vous donc de ne pas les bloquer.

Vous pouvez ensuite lui donner un nom tel que "Live Signals Contentsquare".

Ensuite, rendez-vous dans la section "Analytics" d'Amplitude et créez-y, par exemple, un nouveau graphique. Choisissez l'événement contentsquare_live_signal, sélectionnez où (son emplacement), puis sélectionnez la propriété event et trouvez les options que vous souhaitez pour les signaux en direct, tels que rage_click_signal.

 

iAdvize Chat

Dans votre application iAdvize Chat, vous devez configurer un chemin pour déclencher la notification de chat.

Créez une nouvelle campagne pour Live Signals et définissez les règles de ciblage.

Créez la règle de ciblage avec le déclencheur "L'adresse de la page actuelle contient" et définissez le chemin personnalisé que vous souhaitez. Cela peut être n'importe quoi. Vous devrez ensuite fournir ce chemin à Contentsquare afin qu'il puisse être configuré dans les paramètres de l'intégration.

Kameleoon

Configurez l'option "Données personnalisées" comme ceci :

Il est obligatoire d'utiliser uniquement ce nom pour le nom des données personnalisées : ContentsquareLiveSignals

Si un autre nom ou format est utilisé, cela ne fonctionnera pas.

Vous pourrez ensuite configurer des segments pour inclure le nom des signaux sur lesquels vous souhaitez agir.

Note : Les noms des signaux doivent correspondre exactement à ce que vous avez dans les paramètres Live Signals de Contentsquare. Les valeurs par défaut sont mentionnées dans la section "Valeurs par défaut" ci-dessus. Si vous les renommez, vous devrez également les renommer dans les définitions de segment Kameleoon.

Monetate

Afin d'utiliser cela avec Monetate, vous devrez créer une nouvelle action dans Monetate et la connecter à une expérience.

Après avoir créé l'action, ajoutez une condition de "Catégorie de page" et choisissez entre "La catégorie de page contient" et "La catégorie de page =".

Vous devrez insérer un préfixe comme : _cs_livesignal- puis ajouter le nom de l'événement du signal en direct pour lequel vous créez cette action, tel que rage_click_signal (retrouvez la liste des noms d'événements dans le tableau des signaux en direct dans ce document).

Appuyez sur "Entrée" et vous le verrez sous la forme suivante :

Vous avez maintenant une nouvelle action, comme ceci :

Rendez-vous ensuite sur l'expérience à laquelle vous souhaitez connecter l'action ou créer une nouvelle expérience dédiée et ajoutez l'événement existant que vous avez créé ci-dessus pour les Clics de rage dans le champ QUOI.

Optimizely Data Platform

Pour pouvoir utiliser ceci dans Optimizely Data Platform, vous devez d'abord créer un nouveau champ dans la section "Événements".

Rendez-vous dans "Paramètres du compte" > "Administration" > "Objets et champs" et cliquez sur le bouton "Créer un nouveau champ".

Choisissez "Événements" dans le menu déroulant "Objet contenant le nouveau champ".

Insérez ensuite ce nom d'affichage dans "Nom d'affichage du champ" : Contentsquare Live Signal

Et celui-ci dans "Nom du champ" : contentsquare_live_signal

Sélectionnez "Texte" pour le type de champ.

Cliquez sur "Enregistrer" et servez-vous de l'inspecteur d'événements pour vérifier que les signaux arrivent correctement.

Retournez dans les "Paramètres du compte" > "Inspecteur d'événements" et cliquez sur "Lancer l'inspecteur". Parcourez les événements jusqu'à ce que vous trouviez un événement intitulé contentsquare_live_signal.

Cela ressemblera à ceci :

Optimizely Web

Pour pouvoir utiliser Live Signals dans Optimizely Web, vous devez créer un nouvel attribut utilisateur personnalisé.

Dans votre compte Optimizely Web, rendez-vous dans la section "Audiences", puis cliquez sur "Attributs", puis sur "Créer un nouvel attribut".

Choisissez l'option "Attribut personnalisé".

Dans le champ "Nom de l'attribut", tapez "Contentsquare Live Signal" et dans celui du "Nom de l'API" tapez exactement : "ContentsquareLiveSignal", puis cliquez sur "Enregistrer". Vous n'avez pas besoin du code.

Vous pouvez maintenant créer une audience basée sur les différents signaux. Cliquez sur "Enregistré", puis sur "Créer une nouvelle audience".

Trouvez l'attribut Contentsquare Live Signal sous "Attributs personnalisés" et faites-le glisser vers la gauche.

Insérez le nom de l'événement de signal en direct que vous souhaitez, selon la liste mentionnée ci-dessus. Si l'un des noms a été modifié, vous devrez utiliser les nouveaux noms ici.

Vous pouvez maintenant cliquer sur "Enregistrer" et utiliser cette audience dans vos tests.

Qualtrics

Cela nécessite une interception pour l'affichage manuel avec un JavaScript personnalisé. Si vous ne disposez pas déjà d'une interception manuelle sur votre site, vous devrez créer une nouvelle interception d'application Web et de feedback et la connecter à l'enquête de votre choix. Vous devrez déployer le tag d'interception séparé pour que cela fonctionne.

Note : Aucune donnée n'est envoyée à Qualtrics, mais cela déclenche une invitation à l'enquête.

 

Tealium Event Stream

Si vous utilisez un nom de profil différent de celui qui se trouve dans le Data Layer de Tealium, veuillez le fournir à CS.
Le nom du profil est inscrit ici :

Si vous souhaitez définir une source de données personnalisée, veuillez créer une source de données JavaScript, puis fournir à CS la key de la source de données.