ブラウザ RUM のセッションリプレイ

セッションリプレイを使用すると、クリック、スクロール、ナビゲーションなどのインタラクションを記録することで、ウェブアプリケーションでのユーザーアクティビティを追跡できます。セッションのリプレイを見ると、次のことができます。

  • ユーザー体験を最適化する。
  • アプリケーションクラッシュのエラーをデバッグする。
  • アプリケーションが低速な理由を診断する。
重要: このドキュメントは、現在ベータ版として提供されている製品について記載しています。Splunk AppDynamics は、ベータ版およびそのドキュメント（本書の内容を含む）について、一般提供を開始する前、また最終的に一般提供しないと決定した場合でも、時期と理由を問わず、お客様への通知や補償なしに変更する権利を保持します。この資料は、将来の製品機能を保証するものではありません。購入の判断材料にはしないでください。実際の製品の成果は、AppDynamics およびお客様のテクノロジーの変化、経済動向やターゲット市場に関連する要因、他社の買収、人員の雇用・解雇、およびその他の要因により、将来予測に関する記述とは異なる場合があります。詳細については、 https://www.splunk.com/en_us/legal/appdynamics-limited-license-agreement.html で完全な規約をお読みください。

Prerequisites

Ensure that the following conditions are met to use Session Replay:

  • Controller >= 25.3
  • JavaScript Agent = 25.5

Configure the JavaScript Agent

To report session replay in the JavaScript applications, configure the JavaScript Agent as follows:
  1. Log in to the Controller UI.
  2. Open the browser application in which you are interested.
  3. On the left navigation menu, select Configuration.
  4. Select Configure JavaScript Agent.
  5. In Configure Session Replay, select Enable Session Replay.
    configure-session-replay-JavaScript-agent

Configure Session Replay Using API Parameters

After this configuration, copy the instrumentation script and inject it in the JavaScript Agent.

(function(config){
    // ... other JSAgent configs
  
    config.sessionReplay = {
        enabled: true,
        sessionReplayUrlHttps: ""
        // ... other optional configs
    };
})(window["adrum-config"] || (window["adrum-config"] = {}));
OptionTypeDefaultDescription
enabledboolean

–

sessionReplayUrlHttpsstring–(Required) Endpoint where you want to send the captured session data (EUM cloud URL).
packAssetsbooleantrue

Packs the website assets like images, CSS, and fonts in the recorded. If this option is disabled, the recording only keeps the asset URLs which will fetch the assets at the time of replay.

iframesbooleantrueRecords the same-origin iframes.
imageB itmapbooleanfalseEnable this option to capture the canvas and video content for richer session replay.
maskAllInputsbooleantrueMasks all <input> fields to protect user-entered sensitive data.
maskAllTextbooleanfalseMasks all textual content across the page.
sensitivityRulesArray[]

Fine-tunes element-level privacy masking. Follow the syntax to include sensitivityRules:

sensitvityRules:
[
    {rule: <Type>, selector: <Css Elements>}
]

There are three rule types that applies to the information within specified CSS object in the recording:

  • exclude: Skips the information.
  • mask: Masks the information.
  • unmask: Unmasks the information.

There are three rule types that applies to the information within specified CSS object in the recording:

  • exclude: Skips the information.
  • mask: Masks the information.
  • unmask: Unmasks the information.
Example:
sensitivityRules: [
  { rule: "exclude", selector: "img" },
  { rule: "mask", selector: ".sensitive-field" },
  { rule: "unmask", selector: ".public-info" }
]
sessionReplayScriptUrlstring(auto-derived)

Overrides the default replay script location.

Generally: adrumExtUrlHttps + "adrum/session-replay/" + agentVersion

enableReplayFolderVersioningbooleantrueUses agent version folders for compatibility. Set to false to serve from a flat structure (e.g., https://your-cdn.com/replay).

Enable Session Replay

An administrator can only enable Session Replay. To enable Session Replay for the selected browser application, perform the following options:
  1. Log in to the Controller UI.
  2. Open the browser application in which you are interested.
  3. On the left navigation menu, select Configuration.
  4. Click Instrumentation.
  5. Under the Session Replay tab, select Enable Session Replay.
    Enable Session Replay for BRUM.

View Session Replay

  1. Go to User Experience > Browser Apps.
  2. Select the application for which you have enabled the Session Replay.
  3. Select Sessions.
  4. A play icon is displayed in Session Replay if the recording is available.
  5. Expand the Session Replay tab.

Session Replay highlights active segments of the sessions. A blank screen appears if there are no recordings or user activity.

View Session Replay for Browser RUM.

You can adjust the playback speed.