セッションリプレイの設定

設定画面へのアクセス

  1. 左メニュー上部のプロジェクト名をクリック

  2. 開いたポップアップメニュー内のプロジェクト名の右にある歯車マークをクリック

  3. 遷移した設定画面内の「セッションリプレイ」をクリック

circle-exclamation

有効化/無効化

セッションリプレイを有効化 のチェックを切り替えることで機能利用のOn/Offを切り替えることができます。実際に反映されるまで最大数分程度のタイムラグが生じる場合があります。

Offにしている場合は計測タグによるセッションリプレイデータ生成処理自体が行われなくなります。

triangle-exclamation

プライバシー保護設定

デフォルトマスキング

個人情報保護の観点から、フォームへの入力情報(input[type="xx"])がデフォルトでマスキングされます。

具体的には下記のセレクタに該当するものが対象です。

"input:not([type='submit']):not([type='button'])",
'textarea',
'select',
circle-info

input:not([type='submit']):not([type='button']) は input要素でもsubmitやbutton typeのものは除いていることを示しています。

circle-exclamation

全テキストマスキング

この設定を行うと、セッションリプレイで保存されるページのテキストデータが自動でマスキングされます。機微情報が保存される懸念がある場合に利用を推奨いたします。

circle-info

この設定はデフォルトでOnになっています。

テキストの変換ルールは以下の通りです。

種類
マスキング後の表示

半角英字

小文字: x 大文字: X

全角文字(半角日本語含む)

X (全角エックス)

数字

半角: 0 全角: 0

上記以外(記号や絵文字など)

変換せずそのまま表示します

マスキングのイメージ

個別にマスキング/非マスキングを設定する

Webサイト上の特定要素について、マスキングの設定・解除を行うことができます。

マスキング対象セレクター

CSSセレクタを指定して、マスキングを追加できます。マスキングをかけたいセレクタが複数ある場合は改行区切りで設定可能です。

非マスキング対象セレクター

CSSセレクタを指定して、マスキングを除外できます。サイト内の検索バーや登録フォーム等の入力情報までを動画でみたい場合に活用できます。マスキングを除外したいセレクタが複数ある場合は改行区切りで設定可能です。

circle-exclamation
chevron-rightCSSセレクタの指定方法がわからない場合hashtag
  1. 対象のページを開きます

  2. ページ内から、CSSセレクタを取得したい要素を見つけます

  3. 要素の上で右クリックし検証を選択すると Chromeデベロッパーツール が開きます

  4. Elementsタブの中で、該当の要素に対応するHTMLタグがハイライトされます

  5. ハイライトされたHTMLタグを右クリックし、Copy > Copy selectorを選択すると、クリップボードにその要素を指定するCSSセレクタがコピーされます

セッションリプレイを取得するページを指定する

URL 条件

動画を取得するページ、もしくは除外するページを指定できます。

条件は以下の項目で設定します。

項目
説明

パス

URLのパス部分

/questions

URL

完全なURL

https://example.com/

クエリ

URLのクエリパラメータ

?page=1

アンカー

URLのアンカー

#section1

比較方法として「等しい」「含む」「前方一致」「後方一致」「含まない」を選択でき、正規表現も利用可能です。

複数の条件を組み合わせる場合、AND条件(すべて一致)とOR条件(いずれか一致)を設定できます。条件は合わせて10個まで設定可能です。

SPA 除外条件

SPAサイトにおいてセッションリプレイを行いたくないページを除外できます。

circle-exclamation

意図せず保存されてしまったデータの削除

意図しないデータが保存されてしまった場合はデータの削除も可能です。その場合はサポートまでご連絡ください。

トラブルシューティング

セッションリプレイ動画が見れない、うまく再生されない場合

最終更新

役に立ちましたか?