CSTC テンプレート: 要素マスキング

AIを使用して英語から翻訳されました

この記事はAI技術を使用して翻訳されています。正確性を維持するよう努めていますが、一部の詳細が元のテキストと完全に一致しない場合があります。情報に不明点がある場合は、英語版をご参照ください。

この記事は、CSTC機能の使用に関するもので、ProおよびEnterpriseプランで利用可能です。

Element Maskingテンプレートを使用すると、機密情報、個人情報、その他特定の情報など、対象の要素を選択的にマスクし、他の要素はマスクせずに残すことができます。これにより、データ漏洩を防止しつつ、Session Replayを分析する際のユーザー体験の可視性を維持できます。

利用可能なマスキングのレベルと方法を確認し、既に実施していること・していないことを含めて、チームと最適なアプローチをアラインしてください。
Element Masking/Unmaskingを実装する前に、個人データを含む可能性のあるサイト上のすべての要素（マスクしたいその他のデータも含む）を特定しリストアップする必要があります。これは通常、Contentsquareのメイン追跡タグで追跡されている各ページおよびその可能な変形を慎重に確認する手動のプロセスです。
サイトに公開される新規および更新されたウェブページについても、継続的にマスキングを検討し（必要に応じて）実装してください。

Contentsquareでのマスクされた要素のサイト上での表示

対象のDOM要素：テキストコンテンツおよび指定された要素内にネストされたすべてのノード要素はHTMLから削除されます。削除されたDOM要素の代わりに「Hidden zone」というテキストが入ったグレーのボックスが表示されます。
要素の属性：対象要素の選択した属性のみがページから削除されます。

使い方

これらの指示は、Contentsquareタグコンフィギュレータの記事と併せて使用してください。タグ作成の前提条件の詳細が含まれています。

Element masking: CSSセレクタをカンマで区切って入力してください。通常、これでマスキングのニーズをすべてカバーします。
Attribute masking （任意でほとんど使用されません）：
- Attribute name: 要素全体を隠したくない場合に、マスクしたいCSSセレクタの特定の属性をここに追加できます。
- CSS selector: CSSセレクタをカンマで区切って入力してください。

適切なマスキングを確実にするためのベストプラクティス

トリガーを選択し、スニペットを発火させる条件を定義します。

利用可能なトリガー

WebViewマスキングは、モバイルWebView内で読み込まれたウェブページにCSTC Element Maskingを適用します。WebViewを持つ既存のすべてのモバイル顧客が利用可能で、SDKのアップグレードは不要です。オプトインベースで即座に使用を開始できます。

WebViewマスキングが機能するためには、以下の2つが既に整っている必要があります：

モバイルSDKがCSQ.registerWebView()を使ってWebViewを登録している、またはFlutterやReact Nativeの同等の連携機能があること。
ContentsquareタグがWebViewモードで、WebView内で読み込まれたウェブページに展開されていること。