À quoi s'attendre

Cette intégration vous aidera à mieux contextualiser le feedback client dans votre VOC grâce au module Session Replay de Contentsquare. L'intégration bidirectionnelle de Contentsquare avec votre VOC ajoute un aspect visuel à votre analyse du Voice of Customer, rendant ainsi les feedbacks clients plus exploitables. En effet, cet ajout améliore la compréhension des comportements utilisateurs et permet de visualiser les expériences de vos clients au travers de replays de session et de l'ensemble d'outils d'analyse avancée de Contentsquare. En analysant les comportements et l'expérience in-page de vos clients en profondeur, vous pourrez identifier les éléments spécifiques de votre site qui posent des difficultés à vos clients et prendre des mesures plus rapidement pour optimiser l'expérience utilisateur.

Ce que nous collectons

Variables dynamiques

Key	Value	Type de données
FB_IZ_Feedback Displayed	MA Survey (uidzhhfj)	Texte
FB_IZ_Feedback Submitted	My Account NPS (urjjjffigu)	Texte
FB_IZ_SurveyID : {Question Text}	1	Nombre ou texte

Vues de pages artificielles

Afin que des vues de pages artificielles soient déclenchées pour les options ci-dessous, vous devrez demander à votre CSM Contentsquare ou à notre équipe Support d'activer une fonctionnalité permettant leur envoi. Notez que celles-ci sont spécifiquement créées pour être utilisées dans le module Parcours de navigation de l'application Contentsquare.

Déclencheur	Chaînes de paramètres
Affichage du feedback	cs_informizely=feedback_displayed_{Survey ID}
Envoi du feedback	cs_informizely=feedback_submitted_{Survey ID}

Ce que nous envoyons

Replay de session

Afin de correctement utiliser la fonctionnalité de replay, vous devrez avoir soit un taux d'échantillonnage de 100%, soit l'ETR (Event Triggered replay ou "replay déclenché par évènement" en français) activé sur votre projet. Parlez-en à votre CSM.

Exemple d'URL : https://app.contentsquare.com/quick-playback/index.html?pid=3771&uu=cc912cdb-ee03-a739-a659-ad2a5b1f08bb&sn=12&pvid=1&recordingType=cs&vd=iz

Implémentation

Étapes d'implémentation

Deux étapes sont nécessaires à l'activation de cette intégration :

Étape 1

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

Si vous avez déjà complété l'étape ci-dessus, poursuivez.

Étape 2

Le code ci-dessous doit être fusionné avec le code de votre tag Informizely existant.

Veillez à ne pas simplement le copier-coller. En effet, cela pourrait réécrire ce que vous avez déjà.

Voici quelques points à considérer :

Dans votre tag Informizely, vous avez probablement "window.IzWidget = window.IzWidget || {}" de déjà défini. Veillez à l'envelopper avec le code ci-dessous tel que vous le voyiez. S'il n'existe pas, alors créez-le simplement avec ce code.
Vous avez peut-être aussi la fonction suivante de déjà définie : IzWidget['insitez.ready'] = function (api). Si ce n'est pas le cas, définissez-la comme indiqué ci-dessous. Si vous l'avez déjà, alors ajoutez le code interne à votre fonction existante et assurez-vous qu'api est défini dans les paramètres de la fonction. Autrement, vous devrez modifier le code en accord avec ce que vous appelez "api".
Notez que "api.set("custom" devrait être combiné avec tout autre qui existerait dans le code existant, autrement le dernier appel vers cette API remplacera le premier appel. Ainsi, si vous utilisez déjà cet ensemble d'API personnalisé, vous devrez légèrement modifier le code pour les combiner en une seule. Sinon, vous ne verrez pas de lien de replay, car les autres appels le surpasseront.
Vous avez peut-être un tracker similaire à "window.IzWidget['tracker'] = csInformizelyTracker" de déjà défini. Si c'est le cas, alors ajoutez simplement le code que vous voyez ci-dessous au vôtre en vous assurant que les paramètres event, surveyId, surveyName, data et api sont définis eux aussi. Si vous n'avez pas de tracker défini en revanche, alors utilisez simplement le tracker dans le code tel quel. Vous pouvez le renommer comme bon vous semble du moment que les références à celui-ci sont modifiées de manière correspondante dans le code.

La chose importante à noter est que vous devez fusionner le code ci-dessous avec celui que vous avez déjà.

/*
 *Name: Informizely CS Integration
 *Version: 1.8
 */
(function () {
    window.IzWidget = window.IzWidget || {};

    IzWidget["insitez.ready"] = function (api) {
        window.addEventListener(
            "Contentsquare_IN_Integration_ReplayLink",
            function (e) {
                if (e && e.detail && e.detail.replayLink) {
                    api.set("custom", {
                        ContentsquareReplay: e.detail.replayLink,
                    });
                }
            },
            false
        );

        var evt;
        if (typeof window.Event === "function") {
            evt = new window.Event("Contentsquare_IN_Integration_Launch");
        } else {
            evt = document.createEvent("Event");
            evt.initEvent("Contentsquare_IN_Integration_Launch", true, true);
        }
        window.dispatchEvent(evt);
    };

    function csInformizelyTracker(event, surveyId, surveyName, data, api) {
        if (typeof window.CustomEvent === "function") {
            var evt = new window.CustomEvent("Contentsquare_IN_Integration_Data", {
                detail: {
                    event: event,
                    surveyId: surveyId,
                    surveyName: surveyName,
                    data: data,
                    api: api,
                },
            });
            window.dispatchEvent(evt);
        }
    }
    window.IzWidget["tracker"] = csInformizelyTracker;
})();
//Informizely CS Integration End

Vérifier que ça fonctionne

Vous pouvez utiliser l'extension Chrome pour vérifier que les résultats sont bien envoyés à Contentsquare.

Articles dans cette section

Informizely