Catégorie : Gestion de la performance des applications

Cette intégration est uniquement disponible pour les projets Web

À quoi s'attendre

Cette intégration vous permettra d'examiner les sessions Sentry dans Contentsquare.

Ce que nous collectons

Variables dynamiques

Clé	Valeur	Type de données
APM_ST_SessionID	{sessionID}	Texte
APM_ST_Insights Link	{Insights URL}	Texte
APM_ST_Issue Link	{Issue URL}	Texte

 

Ce que nous envoyons

Relecture de session

Pour utiliser correctement la fonction de relecture, vous devez avoir un taux de collecte de 100 % ou une relecture déclenchée par un événement (ETR), veuillez en parler à votre CSM à ce sujet.

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

Exigences

Mise en œuvre

Étapes de mise en œuvre

Veuillez vous rendre à la section Comment demander une intégration pour voir les instructions pour activer cette intégration. Vous pouvez ensuite revenir ici une fois terminé.

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

Si vous avez une version auto-hébergée de Sentry, veuillez fournir le domaine de votre instance Sentry à notre équipe de support ou informer votre CSM CSQ de le transmettre à notre équipe de support pour le configurer dans votre projet. Par exemple : customsentrydomain.com Si vous utilisez le domaine hébergé par Sentry, il n'est pas nécessaire de le configurer.

Ce qui précède sera utilisé pour générer des liens de CSQ vers votre instance Sentry. Voir les instructions d'utilisation ci-dessous le texte suivant.

 

Selon la version du SDK Sentry que vous avez installée, cela déterminera si vous devez configurer le reste du code ci-dessous ou non.

Pour déterminer si vous devez configurer le code ci-dessous, veuillez ouvrir votre site Web à l'endroit où vous avez une balise Sentry en cours d'exécution et dans la console du site, veuillez vérifier que les deux conditions suivantes sont vraies :

Copiez et collez ceci dans la console et appuyez sur entrer

!!window.Sentry

Répétez la même chose pour ceci également

typeof Sentry.addEventProcessor === "function"

Vous devriez voir ceci

Si la 2ème vérification ci-dessus ne renvoie pas true, vous devez configurer le code ci-dessous car cela signifie que vous avez une version plus ancienne et non prise en charge du SDK. Si la 1ère vérification ci-dessus renvoie false, cela signifie que vous n'avez pas du tout la balise Javascript Sentry, vous devrez donc consulter les exigences près du début de ce document.

 

Si vous avez une version obsolète du SDK Sentry, reprenez ci-dessous.

Vous devrez ajouter du code à votre balise Javascript Sentry existante qui est injectée dans votre site. Plus précisément dans la fonction Sentry.init fonction.

Notez que le code ci-dessous est quelque chose que vous devriez déjà avoir, mais vous devrez peut-être ajouter la fonction beforeSend et ensuite à l'intérieur, ajouter simplement la partie du code Contentsquare.

Sentry.init({
    dsn: "--DSN--",
    tracesSampleRate: 1.0,
    beforeSend(event, hint) {
        /*
         * Nom : Intégration Sentry / Contentsquare
         * Version : 2.0.0
         */
        const evt = new window.CustomEvent("Contentsquare_Sentry_Integration", {
            detail: event,
        });
        window.dispatchEvent(evt);
        // Fin de l'intégration Contentsquare

        return event;
    },
});

 

Vérification de son fonctionnement

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

• Notez que vous ne verrez un lien de replay que pour les utilisateurs qui ont eu des replays créés par Contentsquare.
• Le % dépend du ratio de votre compte, vous pouvez l'augmenter en parlant à votre CSM.

Allez dans Problèmes, puis trouvez un problème aléatoire que vous voyez et cliquez dessus. Vous pouvez également le trouver dans la section Performance si vous l'avez activée.

Dans les détails du problème, vous verrez le lien de replay Contentsquare et l'ID de session.