À 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_DL_Feedback Displayed	true	Texte
FB_DL_Feedback Submitted	true	Texte
FB_DL_Feedback Score	5	Nombre

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
Feedback Displayed	cs_delighted=feedback_displayed
Feedback Submitted	cs_delighted=feedback_submitted

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=dl

Implémentation

Étapes d'implémentation

Deux étapes sont nécessaires pour activer 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à réalisé l'étape ci-dessus, poursuivez.

Étape 2

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

Veillez à ne pas le copier-coller tel quel ou vous risqueriez de remplacer du code que vous avez déjà.

Voilà à quoi cela ressemble dans votre gestionnaire de tag :

Dans votre tag Delighted, vous avez probablement delighted.survey({ de déjà défini, veuillez donc l'englober dans le code ci-dessous tel que vous le voyez.

Vous avez peut-être déjà également les sections suivantes : properties, onRespond, onComment et onShow.
Si ce n'est pas le cas, ajoutez-les simplement tels que vous les voyez dans le code ci-dessous.
Si vous les avez déjà, alors ajoutez le code interne dans les fonctions de callback existantes.

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

/*
 *Name: Delighted CS Integration
 *Version: 1.8
 */

delighted.survey({
    properties: {
        //Delighted CS Integration Code Start
        ContentsquareReplay: sessionStorage.getItem("ContentsquareReplay"),
        //Delighted CS Integration Code End
    },

    onShow: function () {
        //Delighted CS Integration Code Start
        window.addEventListener(
            "CS_DL_Integration_Listener",
            function () {
                var evt;
                if (typeof window.Event === "function") {
                    evt = new window.Event("CS_DL_Integration_OnShow");
                } else {
                    evt = document.createEvent("Event");
                    evt.initEvent("CS_DL_Integration_OnShow", true, true);
                }
                window.dispatchEvent(evt);
            },
            false
        );

        var evt;
        if (typeof window.Event === "function") {
            evt = new window.Event("CS_DL_Integration_OnShow");
        } else {
            evt = document.createEvent("Event");
            evt.initEvent("CS_DL_Integration_OnShow", true, true);
        }
        window.dispatchEvent(evt);
        //Delighted CS Integration Code End
    },

    onRespond: function (data) {
        //Delighted CS Integration Code Start
        if (typeof window.CustomEvent === "function") {
            if (data && typeof data.score === "number") {
                var evt = new window.CustomEvent("CS_DL_Integration_OnRespond", {
                    detail: {
                        score: data.score,
                    },
                });
                window.dispatchEvent(evt);
            }
        }
        //Delighted CS Integration Code End
    },

    onComment: function () {
        //Delighted CS Integration Code Start
        var evt;
        if (typeof window.Event === "function") {
            evt = new window.Event("CS_DL_Integration_OnComment");
        } else {
            evt = document.createEvent("Event");
            evt.initEvent("CS_DL_Integration_OnComment", true, true);
        }
        window.dispatchEvent(evt);
        //Delighted CS Integration Code End
    },
});

Vérifier que ça fonctionne

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

Si vous utilisez la fonctionnalité de replay, alors vous devriez voir le lien de replay ContentsquareReplay dans les réponses de l'enquête dans votre compte Delighted.

Autrement, exportez-les via la fonctionnalité d'export du compte : https://app.delighted.com/account/export

Articles dans cette section

Delighted