Masking 要素を使用すると、名前、カードの詳細、パスワード、メールアドレス、およびホーム住所など、訪問者のさまざまな機密情報を録画中に隠すことができます。初期設定では、訪問者が入力したすべてのキー操作や入力内容がマスキングされ、アスタリスク（*）でPageSense の録画画面上で表示されます。さらに、録画画面でマスキングしたい特定の要素や操作エリアを選択することもでき、Webサイト上の情報に対する訪問者のプライバシーを保護できます。

Webサイト訪問者のプライバシー保護のため、さまざまな設定をユーザーに提供しています。しかし、Webサイト上で訪問者の個人を特定できる情報が表示される場合もあり、その際はプライバシーが侵害されないよう適切に対応する責任があります。

そのため、セッション録画の実験を作成する際には、Webサイト上に表示される訪問者の個人情報をすべてマスキングすることを強く推奨します。

これらやその他の訪問者の身元を特定できる情報は、Webサイト上で必ずマスクしてください。

例 2:
Webサイト上で訪問者のデジタルIDに基づきパーソナライズされたセクションがある場合。例えば、ユーザー名、ユーザーID、ハンドルネームなど。

例 3:
Webサイト上で訪問者が入力した資格情報を確認するポップアップがある場合。例えば、給与、職位、居住地、電話番号など。

要素をマスクするさまざまな方法

2. 「要素をマスク」セクションで、ウェブページから要素を直接選択するオプションをクリックします。これにより、Element Selector ウィンドウが開きます。

3. マスクしたい要素が含まれるウェブページのURLを入力し、Load Pageをクリックします。

4. マスクする要素をクリックして選択します。Webサイト内の複数のウェブページにわたって要素を選択できます。必要なウェブページをElement Selector ウィンドウ内で読み込んでください。

マスクした要素は記録・保存されず、Webサイト訪問者による該当要素への操作も記録されません。すべてのキーストロークは初期設定でマスクされ、アスタリスク（*）で表示されます。

マスク対象として選択した要素は記録・保存されず、Webサイト訪問者による該当要素への操作も記録されません。すべてのキーストロークは初期設定でマスクされ、アスタリスク（*）で表示されます。

複数のページにまたがる要素のために、複数のセレクターIDを追加できます。または、ウェブページから要素を直接選択するオプション（ウェブページから要素を直接選択）をクリックして要素を選択することも可能です。

インタラクティブエディターを使ったマスキングは、DOMの並び順が変更され、マスキング用に作成済みのセレクターが位置ベースのインデックスを持つ場合、失敗することがあります。要素セレクターウィンドウ内でマスキング対象の要素を選択する際、セレクターID、クラス、または属性を探します。WebページのHTML値上げに明示的なID、クラス、属性がない場合、マスキング用に作成済みのセレクターはDOM内での位置に基づくインデックスが付与されます。

例:本文 > :nth-child(12).
この場合、要素は要素セレクターウィンドウ内で読み込まれた際と、Webページ上でのDOM内の位置が異なる可能性があります。そのため、インデックス付き位置を持つセレクターで要素をマスキングしようとすると失敗します。

このような場合は、要素のHTMLにzps-maskカスタム属性を追加してください。これにより、訪問者がその要素で行う操作のデータ取得が不可能になります。