Catégorie : Gestion des Performances d'Application

Cette intégration n'est disponible que pour les projets web.

À quoi s'attendre

Cette intégration vous aidera à évaluer la manière dont les performances affectent votre expérience utilisateur. Vous pourrez accéder aux replays de sessions Contentsquare directement dans votre tableau de bord APM afin de voir ce que faisait un utilisateur lorsqu'une erreur est survenue et de combiner les données techniques de votre APM avec les données comportementales identifiées par Contentsquare pour découvrir et prioriser les problèmes qui ont le plus d'impact sur votre expérience utilisateur et vos revenus.

Ce que nous collectons

Variables dynamiques

Ce que nous envoyons

Session Replay

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

Implémentation

Étapes d'implémentation

Étape 1

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

Si vous avez déjà complété les étapes décrites ci-dessus, continuez.

Étape 2

Le code suivant doit être ajouté au code de votre tag mPulse existant (en supposant que vous ayez déjà installé le tag RUM, si ce n'est pas le cas, ajoutez-le). Assurez-vous de l'ajouter à la suite du tag mPulse.

Voici à quoi devrait ressembler le bas du tag mPulse :

Si le vôtre ne ressemble pas à ça, il se peut que vous ayez déjà d'autres personnalisations en place, assurez-vous d'ajouter le code après la section dans la capture d'écran (ci-dessus) ou de l'intégrer à du code existant qui utilise peut-être déjà le listener d'évènement onBoomerangLoaded et la fonction BOOMR.addVar.

Placez le code en dessous, comme ceci :

Notez que la partie encadrée en rouge est celle que vous devez ajouter. Si vous l'avez déjà, ajoutez uniquement l'extrait concernant Contentsquare (encadré en vert). Si ce n'est pas le cas, ajoutez la totalité. Vous pouvez copier-coller ce dont vous avez besoin dans l'extrait de code ci-dessous :

function addVars() {
    BOOMR.addVar({
        /*
         *Name: mPulse CS Integration
         *Version: 1.2
         */
        "Contentsquare Replay": sessionStorage.getItem("CSreplayLink"),
        //mPulse CS Integration End
    });
}

if (document.addEventListener) {
    document.addEventListener("onBoomerangLoaded", addVars);
} else if (document.attachEvent) {
    document.attachEvent("onpropertychange", function (e) {
        if (!e) e = window.event;
        if (e && e.propertyName === "onBoomerangLoaded") {
            addVars();
        }
    });
}

Vérifier que ça fonctionne

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