英語からAIを使用して翻訳されました
この記事はAI技術を使用して翻訳されたことにご注意ください。正確性を維持するよう努めていますが、一部の詳細は元のテキストを完全に反映していない場合があります。情報に不明な点がある場合は、英語版を参照してください。
この記事は、CSTC機能の使用についてであり、ProおよびEnterpriseプランで利用可能です。
Element Maskingテンプレートを使用すると、特定の要素（機密情報、個人情報、またはその他の特定の情報など）を選択的にマスクし、他の要素はマスクしないようにできます。これにより、データ漏洩を防ぎつつ、セッションリプレイを分析する際にユーザーエクスペリエンスの可視性を保持できます。
前提条件
- マスキングのレベルと利用可能な方法を確認し、すでに実施していることを含めて、チームと最も適切なアプローチについて調整してください。
- Element Masking/Unmaskingを実装する前に、個人データを含む可能性のあるサイト上のすべての要素を特定し、リストアップする必要があります（マスクしたいその他のデータを含む）。これは通常、Contentsquareのメイントラッキングタグで追跡されるサイトの各ページを慎重に確認する必要がある手動プロセスです。
- 新しいウェブページや更新されたウェブページがサイトに公開される際には、マスキングを考慮し、実施することを確認してください（必要に応じて）。
Contentsquareでマスクされた要素がサイトに表示される方法
- ターゲットDOM要素：指定された要素内にネストされたテキストコンテンツおよびすべてのノード要素はHTMLから削除されます。削除されたDOM要素の代わりに「隠しゾーン」というテキストを含む灰色のボックスが表示されます。
- 要素属性：ターゲット要素の選択された属性のみがページから削除されます。
使用方法
これらの指示は、前提条件のスニペット作成に関する詳細を含むContentsquare Tag Configuratorの記事と併せて使用してください。
ステップ1：次のテンプレートフィールドを完了する
- 要素マスキング：カンマで区切ったCSSセレクターを入力してください。これは通常、すべてのマスキングニーズをカバーする必要があります。
-
属性マスキング（オプションで、めったに使用されません）：
- 属性名：ここでは、要素全体を隠したくない場合にマスクしたいCSSセレクターの特定の属性を追加できます。
- CSSセレクター：カンマで区切ったCSSセレクターを入力してください。
適切なマスキングを確保するためのベストプラクティス
- 可能な限り、存在する場合は「id」属性のような記述的で一般的でない属性に依存するようにしてください。
- クラスは通常、対象の要素に非常に特有でない限り、信頼性が低いことを覚えておいてください。
- 「id」がない場合でも、親のいずれかに「id」がある場合は、目的の要素にアクセスするために階層的なチェイニングを使用することをためらわないでください。
- 存在する場合は、他の記述的でユニークな属性を使用することをためらわないでください。
ステップ 2: トリガーを選択
トリガーを選択し、スニペットを発火させる条件を定義します。
利用可能なトリガー