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

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

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

この連携機能はWebプロジェクトのみで利用可能です

ⓘ これはアーリーアクセスベータ版の連携機能です

期待されること

この連携機能により、ContentsquareでSentryセッションを調査できます。

収集するデータ

動的変数

キー	値	データ型
APM_ST_SessionID	{sessionID}	テキスト
APM_ST_Insights Link	{Insights URL}	テキスト
APM_ST_Issue Link	{Issue URL}	テキスト

送信するデータ

セッションリプレイ

リプレイ機能を正しく利用するには、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=st

要件

この連携機能を機能させるには、サイトのすべてのページにSentryのJavaScriptモニタリングタグを設置する必要があります。

こちらをクリックして、JavaScriptモニタリングタグのドキュメントにアクセスしてください。

実装

実装手順

連携機能のリクエスト方法のセクションに移動して、この連携機能を有効にするための指示を確認してください。完了したら、ここに戻ることができます。

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

自己ホスト版のSentryを使用している場合は、Sentryインスタンスのドメインをサポートチームに提供するか、CSQのCSMに伝えてサポートチームに設定を依頼してください。例えば: customsentrydomain.com Sentryのホストドメインを使用している場合は、設定する必要はありません。

上記はCSQからSentryインスタンスへのリンクを生成するために使用されます。以下のテキストの下に使用方法の指示があります。

インストールされているSentry SDKのバージョンによって、以下のコードの残りを設定する必要があるかどうかが決まります。

以下のコードを設定する必要があるかどうかを判断するには、Sentryタグが実行されているサイトを開き、サイトのコンソールで以下の2つが両方とも真であることを確認してください:

これをコンソールにコピーして貼り付け、Enterを押してください

!!window.Sentry

これについても同様に繰り返してください

typeof Sentry.addEventProcessor === "function"

これが表示されるはずです

上記の2番目のチェックがtrueを返さない場合は、以下のコードを設定する必要があります。これは、古いサポートされていないバージョンのSDKを使用していることを意味します。上記の1番目のチェックがfalseを返す場合は、SentryのJavaScriptタグが全く存在しないことを意味するため、このドキュメントの最初の方にある要件を確認する必要があります。

古いバージョンのSentry SDKを使用している場合は、以下を続けてください。

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

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

Sentry.init({
    dsn: "--DSN--",
    tracesSampleRate: 1.0,
    beforeSend(event, hint) {
        /*
         * 名前: Sentry / Contentsquare 連携機能
         * バージョン: 2.0.0
         */
        const evt = new window.CustomEvent("Contentsquare_Sentry_Integration", {
            detail: event,
        });
        window.dispatchEvent(evt);
        //Contentsquare 連携機能の終了

        return event;
    },
});

動作確認

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

次に、Sentry内でContentsquareリプレイリンクとセッションIDを確認することもできます。以下の場所を確認してください:

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

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

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

ContentsquareからSentryへのリンク

ContentsquareのセッションリプレイからSentryへのリンクが機能しているかを確認するには、連携機能が有効化された後にキャプチャされた任意の再生セッションに移動し、セッションの最初のページビューで以下の操作を行ってください。

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

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

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

インサイトリンク:

問題リンク:

ヘルプセンターの結果

技術文書

このセクションの記事

Sentry（セントリー）🧪