AIを使用して英語から翻訳されました
この記事はAI技術を使用して翻訳されたことにご注意ください。正確性を維持するよう努めていますが、一部の詳細は元のテキストを完全に反映していない場合があります。情報に不明な点がある場合は、英語版を参照してください。
この記事は、CSTC機能の使用についてであり、ProおよびEnterpriseプランで利用可能です。
Element Unmaskingテンプレートを使用すると、他の要素をマスクしたまま、ターゲット要素やページのセクションを選択的にマスク解除できます。これにより、Session Replaysを分析する際にユーザーエクスペリエンスの可視性を向上させつつ、必要に応じてページ全体でマスキングを維持できます。
一般的に使用される目的
- ‘AAAA’自動マスキングが適用されているときに、ページの特定の要素/エリアのマスキングを無効にし、Session Replayの再生体験を向上させます。
前提条件
- マスキングのレベルと利用可能な方法を確認し、すでに実施していること/していないことを含め、チームと最も適切なアプローチについて調整してください。
- Element Unmaskingを実施する前に、マスク解除したい要素に個人データ（マスクしたい他のデータを含む）が含まれていないことを確認してください。
テンプレートの使用方法
これらの指示は、前提条件やスニペット作成の詳細を含むContentsquareタグコンフィギュレーターの記事と併せて使用してください。
ステップ1: 次のテンプレートフィールドを入力します
- CSSセレクタ: カンマ区切りのCSSセレクタを入力します。
適切なマスク解除を確保するためのベストプラクティス
- 可能な限り、存在する場合は「id」属性などの記述的で一般的でない属性に依存するようにしてください。
- 意図しないエリアを誤ってマスク解除しないように、CSSセレクタを特に具体的にしてください。該当セクションに非常に記述的で特定のクラスでない限り、クラスに依存しないようにしてください。
- 「id」がない場合でも、親のいずれかに「id」がある場合は、階層的なチェーンを使用して目的の要素にアクセスすることをためらわないでください。
- 存在する場合は、他の記述的でユニークな属性を使用することをためらわないでください。
- 意図せずに他の場所でマスク解除しないように、トリガーを特定のURLに制限することをお勧めします。
ステップ2: トリガーを選択します
トリガーを選択し、スニペットを発火させる条件を定義します。
利用可能なトリガー