セッションリプレイブラウザのプライバシーオプション

Docs > RUM & セッションリプレイ > Session Replay > Browser Session Replay > セッションリプレイブラウザのプライバシーオプション

概要

セッションリプレイは、あらゆる規模の組織が機密データや個人データを公開しないよう、プライバシーコントロールを提供します。データは Datadog が管理するクラウドインスタンスに保存され、静止時には暗号化されます。

セッションリプレイのデフォルトのプライバシーオプションは、エンドユーザーのプライバシーを保護し、重要な組織情報が収集されるのを防ぐように設計されています。

セッションリプレイを有効にすることで、RUM ブラウザ SDK を通じて記録される機密要素を自動的にマスクすることができます。データがマスクされると、そのデータは Datadog の SDK によって元の形で収集されないため、バックエンドに送信されることはありません。

ブラウザトラブルシューティング

defaultPrivacyLevel と mask-user-input は、SDK v3.6.0+ で利用できます。

プライバシー設定を有効にするには、JavaScript の構成で defaultPrivacyLevel を mask、mask-user-input、または allow に設定します。

import { datadogRum } from '@datadog/browser-rum';

datadogRum.init({
    applicationId: '<DATADOG_APPLICATION_ID>',
    clientToken: '<DATADOG_CLIENT_TOKEN>',
    site: '<DATADOG_SITE>',
    //  service: 'my-web-application',
    //  env: 'production',
    //  version: '1.0.0',
    sessionSampleRate: 100,
    sessionReplaySampleRate: 100,
    trackResources: true,
    trackLongTasks: true,
    trackUserInteractions: true,
    defaultPrivacyLevel: 'mask' | 'mask-user-input' | 'allow'
});

構成を更新すると、以下のプライバシーオプションで HTML ドキュメントの要素を上書きすることができます。

マスクモード

defaultPrivacyLevel を mask モードに設定すると、すべての HTML テキスト、ユーザー入力、画像、リンク、 [data-* 属性1がマスクされます。アプリケーション上のテキストは X に置き換えられ、ページがワイヤーフレームにレンダリングされます。

注: セッションリプレイを有効にした場合、デフォルトでは mask がプライバシー設定になります。注: マスクされたデータは、Datadog サーバーに保存されません。

ユーザー入力マスクモード

入力、テキストエリア、チェックボックスの値など、ほとんどのフォームフィールドをマスクし、その他のテキストはそのまま記録します。入力は 3 つのアスタリスク (***) に置き換えられ、テキストエリアはスペースを保持する x 文字で難読化されます。

許可モード

マスクされていないすべてが記録されます。

プライバシーのオプション

HTML 要素のオーバーライド

アプリケーション全体のデフォルトを設定し、個々の HTML 要素のプライバシーレベルをタグ付けするには、次の 2 つの方法のいずれかを使用します。

data-dd-privacy="allow" | "mask" | "hidden" | "mask-user-input" などの HTML 属性、または
class="dd-privacy-allow" | "dd-privacy-mask-user-input" | "dd-privacy-mask" | "dd-privacy-hidden" のような HTML クラス名。

以下の例では、難読化をカスタマイズするために、HTML の特定の要素をオーバーライドする方法を示しています。

<div class="line-item" data-dd-privacy="allow">
    <div class="label">Order Value</div>
    <div class="value">
        $<span data-dd-privacy="mask">50.00</span>
    </div>
</div>

カート内の金額がアスタリスクに置き換えられます。