英語からAIを使用して翻訳されました
この記事はAI技術を使用して翻訳されています。正確性を維持するよう努めていますが、一部の詳細が元のテキストと完全に一致しない場合があります。情報に不明点がある場合は、英語版をご参照ください。
この記事は、CSTC機能の使用に関するもので、ProおよびEnterpriseプランで利用可能です。
Element Unmaskingテンプレートを使用すると、ページの特定の要素やセクションのマスキングを選択的に解除し、他の要素はマスクされたままにすることができます。これにより、必要に応じてページ全体のマスキングを維持しながら、Session Replayの分析時にユーザー体験の可視性を向上させることができます。
主に使用される目的
- ‘aaaa’ Automaskingが適用されている場合に、ページの特定の要素やエリアのマスキングを非アクティブ化し、Session Replayの再生体験を向上させるため。
前提条件
- 利用可能なマスキングのレベルと方法を確認し、既に実施していること・していないことを含めて、チームと最適なアプローチをアラインしてください。
- Element Unmaskingを実装する前に、マスキングを解除したい要素に個人データ（マスクしたいその他のデータを含む）が含まれていないことを確認してください。
テンプレートの使い方
これらの指示は、前提条件やスニペット作成の詳細を含むContentsquareタグコンフィギュレータの記事と併せて使用してください。
重要
Element Unmaskingテンプレートの各実行は、以前の実行で設定されたアンマスクされたセレクタの完全なリストを置き換えます。つまり、このテンプレートを使用して複数のCSTCスニペットを設定した場合、最後に実行されたものがすべての前のものを上書きします。
例：
- スニペットAは.elementAのマスキングを解除
- スニペットBは.elementBのマスキングを解除
両方が実行されると、スニペットBの実行がスニペットAを上書きします。その結果、.elementAは再びマスクされ、.elementBのみがアンマスクされたままになります。
推奨：複数のスニペットを使用するのではなく、すべてのCSSセレクタを統合した単一のElement Unmaskingスニペットを使用してください。この方法は、すべてのセレクタが非PIIフィールドのみに正確に対応していることに自信がある場合に安全です。
ステップ1：以下のテンプレートフィールドを入力
- CSSセレクタ：カンマ区切りのCSSセレクタを入力してください。
適切なアンマスキングを確保するためのベストプラクティス
- 可能な限り、「id」属性のような記述的で一般的でないattributeに依存するようにしてください。
- 誤って意図しないエリアをアンマスクしないように、CSSセレクタはより具体的にしてください。非常に記述的で該当セクションに特有のクラスでない限り、クラスに依存しないようにしてください。
- 「id」がない場合でも、親のいずれかに「id」がある場合は、目的の要素にアクセスするために階層的なチェーンを使うことをためらわないでください。
- 他に記述的でユニークなattributeがある場合は、それを使うことをためらわないでください。
- トリガーを特定のURLに制限して、意図せず他の場所のものをアンマスクしないようにすることを推奨します。
ステップ2：トリガーを選択する
トリガーを選択し、スニペットを発火させる条件を定義します。
利用可能なトリガー