세션 재생 브라우저 개인정보 보호 옵션

문서 > RUM & 세션 재생 > 세션 재생 > 세션 재생 브라우저 개인정보 보호 옵션

개요

세션 재생은 모든 규모의 조직에서 민감한 데이터나 개인 데이터를 노출하지 않도록 개인정보 보호 제어 기능을 제공합니다. 데이터는 Datadog이 관리하는 클라우드 인스턴스에 저장되며 미사용 시 암호화됩니다.

세션 재생의 기본 개인정보 보호 옵션은 최종 사용자의 개인정보를 보호하고 민감한 조직 정보가 수집되지 않도록 합니다.

세션 재생을 활성화하면 민감한 요소가 RUM Browser SDK를 통해 기록되지 않도록 자동으로 마스킹할 수 있습니다. 데이터가 마스킹되면 해당 데이터는 Datadog의 SDK에 의해 원래 형태로 수집되지 않으므로 백엔드로 전송되지 않습니다.

설정

SDK v3.6.0 이상에서 defaultPrivacyLevel 및 mask-user-input을 사용할 수 있습니다.

개인정보 보호 설정을 활성화하려면 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-* 속성이 모두 마스킹됩니다. 애플리케이션의 텍스트는 X로 대체되어 페이지가 와이어프레임으로 렌더링됩니다.

참고: 마스킹된 데이터는 Datadog 서버에 저장되지 않습니다.

허용 모드

마스킹되지 않은 모든 것을 기록합니다.

개인정보 보호 옵션

HTML 요소 재정의

애플리케이션 전체에 기본값을 설정하고 다음 두 가지 방법 중 하나를 사용하여 개별 HTML 요소의 개인정보 보호 수준에 태그를 지정할 수 있습니다:

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>

카트의 달러 금액은 별표로 대체됩니다.