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

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

概要

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

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

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

コンフィギュレーション

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

プライバシー設定を有効にするには、JavaScript の構成で defaultPrivacyLevel を mask-user-input、mask、または 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-user-input' | 'mask' | 'allow'
});

datadogRum.startSessionReplayRecording();

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

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

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

注: デフォルトでは、セッションリプレイを有効にすると、mask-user-input がプライバシー設定になり、すべての入力フィールドが自動的にマスクされます。

マスクモード

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

注: マスクされたデータは Datadog のサーバーには保管されません。

許可モード

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

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

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>

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