Zenovay のセッションリプレイは、ピクセルではなく DOM の変更を記録します。つまり、訪問者の画面のスクリーンショットを見ることはありません。ただし、記録された DOM には各ノードのテキスト内容が含まれるため、PII を録画から除外するためにマスキングを適用しています。
デフォルトでマスクされるもの
設定なしで:
- すべての
<input>、<textarea>、<select>の値がマスクされます – 録画はフィールドをキャプチャしますが、その値をアスタリスクに置き換えます。これはすべての入力タイプでデフォルトで有効になっています。 passwordフィールドは常に文字レベルでマスクされ、マスク解除することはできません。- Canvas 要素は記録されません。
したがって、訪問者がフォームに入力するすべてのものは、すでに録画から保護されています。以下のフックは、フォームフィールド以外のコンテンツをマスクまたは非表示にする場合、または完全に削除したい機密領域用です。
カスタムテキストのマスキング
任意の要素のテキストコンテンツをマスクするには (顧客 ID、注文合計、内部メモなど)、クラス zenovay-mask-replay を追加します:
<div class="zenovay-mask-replay">
顧客 #ABC-1234
</div>
要素は録画にはレイアウトはそのままで表示されますが、録画がブラウザを離れる前にテキストはマスク文字に置き換えられます。実際の値は Zenovay のサーバーに到達することはありません。
要素を完全に非表示にする
要素を完全に録画から除外したい場合 (単にマスクするだけでなく) – たとえば、埋め込みカードフォームまたは他の人のデータを表示する画面のセクション – ブロックします。クラス zenovay-block-replay または属性 data-private を追加します:
<div class="zenovay-block-replay">
<!-- 同じサイズの空のプレースホルダーに置き換えられます -->
</div>
<div data-private>
<!-- また、録画からブロックされます -->
</div>
ブロックされた要素は、プレイヤーでは同じディメンションの空のプレースホルダーとして表示されるため、コンテンツが消える一方、レイアウトは認識可能なままです。
入力イベントを無視する
録画で入力を表示したままにするが、ユーザーがそれを実行した操作をレコーダーがキャプチャするのを防ぐには、zenovay-ignore-replay を追加します:
<input class="zenovay-ignore-replay" name="ssn" />
フィールドは録画に表示されますが、キー入力と値の変更は無視されます。
ページ全体を除外する
ページレベルの「オフ」属性はありません。ページでリプレイをまったく実行したくない場合 (高プライバシー管理画面、内部専用ページ)、そのドメインのセッションリプレイを無効にするか、ページのメインコンテナを zenovay-block-replay でブロックします。いずれにせよ、ページビューとイベントは引き続き追跡されます。
確認方法
ウェブサイトのダッシュボードから新しい録画を開きます – Audience → Sessions に移動し、マスクされたまたはブロックされた領域を含むフレームにスクラブします。マスクされたテキストはアスタリスクとして表示されるはずです。ブロックされた要素は空のプレースホルダーとして表示されるはずです。実際の値が表示される場合は、クラスまたは属性がユーザーがそれを使用する 前に 要素にあることを確認してください (後から追加されたものではなく)。