AIを使用して英語から翻訳されました

この記事はAI技術を使用して翻訳されたことにご注意ください。正確性を維持するよう努めていますが、一部の詳細が元のテキストを完全に反映していない場合があります。情報に不明な点がある場合は、英語版を参照してください。

カテゴリ: アプリケーションパフォーマンス管理

この統合はWebプロジェクトのみで利用可能です

ⓘ これは早期アクセスのベータ統合です

期待されること

この統合により、ContentsquareでSentryセッションを調査できるようになります。

収集する情報

動的変数

キー	値	データ型
APM_ST_SessionID	{sessionID}	テキスト
APM_ST_Performance Link	{performanceLink}	テキスト
APM_ST_Issue Link	{issueLink}	テキスト

送信する情報

セッションリプレイ

リプレイ機能を適切に利用するには、100%の収集率またはETR（イベントトリガーリプレイ）が必要です。この件については、CSMに相談してください。

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

要件

この統合を機能させるには、サイトのすべてのページにSentry RUM（リアルユーザーモニタリング）タグを追加する必要があります。

こちらをクリックして、彼らのRUMドキュメントにアクセスしてください。

実装

実装手順

この統合を有効にする手順については、統合のリクエスト方法のセクションに移動してください。完了したら、ここに戻ることができます。

上記の手順をすでに完了している場合は、以下を続けてください。

完全な統合を使用するには、ContentsquareのCSMまたはサポートチームにSentryのログインドメインを提供してください。例：sentry.io。また、Sentryの組織スラグとプロジェクト名も提供してください。これにより、Contentsquareのセッションリプレイから関連するSentryセッションに移動できます。

組織スラグを取得するには、こちらにアクセスしてください：

プロジェクト名を取得するには、こちらにアクセスしてください：

以下に使用手順を示します。

上記のステップをすでに完了している場合は、以下に進んでください。

サイトに挿入されている既存のSentry RUMタグにコードを追加する必要があります。具体的には、Sentry.init関数内です。

以下のコードはすでに持っているはずですが、beforeSend関数を追加し、その中にContentsquareのコード部分を追加する必要があるかもしれません。

Sentry.init({
    dsn: "--DSN--",
    tracesSampleRate: 1.0,
    beforeSend(event, hint) {
        /*
         *名前: Sentry / Contentsquare 統合
         *バージョン: 1.0.0
         */
        (function () {
            var eventPayload = event;

            function csCallback() {
                if (!disableCallback) {
                    disableCallback = true;

                    if (window.CS_CONF && CS_CONF.integrations_handler && CS_CONF.integrations_handler.sentry) {
                        CS_CONF.integrations_handler.sentry(eventPayload);
                    }
                }
            }
            var disableCallback = false;
            window._uxa = window._uxa || [];
            _uxa.push(["afterPageView", csCallback]);
        })();
        //Contentsquare 統合の終了

        return event;
    },
});

動作確認

Chrome拡張機能を使用して、結果がCSに送信されているか確認できます。

次に、以下の場所を確認することで、Sentry内でContentsquareのリプレイリンクとセッションIDを見つけることができます：

Contentsquareによってリプレイが作成されたユーザーに対してのみリプレイリンクが表示されることに注意してください。
割合はアカウントの比率によります。CSMに相談することで増やすことができます。

Issuesに移動し、表示される任意のランダムな問題を見つけてクリックします。パフォーマンスセクションが有効になっている場合は、そこでも見つけることができます。

問題の詳細内にContentsquare ReplayLinkとSessionIDが表示されます。

ContentsquareからSentryへのリンク

すでにContentsquareにSentryのログインドメイン、組織スラグ、プロジェクト名を提供している場合、統合が有効になった後にキャプチャされた任意のリプレイセッションに移動し、セッションの最初のページビューで以下の操作を行うことで、ContentsquareのセッションリプレイからSentryへのリンクが機能するかどうかを確認できます。

3つのドットをクリックして変数を表示

ポップアップが表示されます。DVARタブをクリックし、Sentryへのリンクを含むAPM_ST_Performance LinkまたはAPM_ST_Issue Linkキーを見つけます。値をコピーしてブラウザに貼り付けて開くことができます。将来的にはこのURLがクリック可能になります。

これにより、Sentryの同じセッションに直接移動するはずです。

サイトにパフォーマンストレースタグがある場合、リンクはすべてパフォーマンスセクションを指しますが、問題を追跡する通常のタグのみがサイトにある場合、リンクはすべて問題セクションを指しますのでご注意ください。

パフォーマンスリンク:

問題リンク:

このセクションの記事

Sentry 🧪