(선택사항) 개인정보 보호 설정 구성

세션 리플레이를 녹화할 때 사용자 개인정보 보호는 중요한 고려사항입니다. 기본 설정은 민감한 정보를 보호하도록 설계되었지만 특정 요구 사항을 충족하기 위해 개인 정보 보호 구성을 조정해야 할 수도 있습니다. 이 섹션에서는 세션 리플레이의 기능을 유지하면서 개인정보 보호 기준을 준수하기 위해 특정 데이터를 마스크 처리, 차단 또는 무시하는 방법을 설명합니다.

기본적으로 모든 텍스트와 입력은 별표로 대체됩니다. 다음은 기본 개인 정보 보호를 사용하여 재생이 어떻게 보이는지에 대한 예입니다.

이 설정이 적절하다면 다음 단계로 넘어가세요.

캡처되는 콘텐츠 또는 사용자 입력을 사용자 정의해야 하는 경우 특정 클래스 및 콘텐츠 또는 사용자 입력의 속성을 마스크, 차단 또는 무시할 수 있는 옵션이 있습니다. 개인정보 보호 설정을 변경하기 전에 반드시 개인정보 보호팀에 문의하세요.

민감한 텍스트 마스크

민감한 텍스트를 마스크할 수 있습니다. 즉, 텍스트가 별표(*)로 대체됩니다. 예를 들어 URL에 표시되는 사용자의 계정 ID를 마스크할 수 있습니다.

어떤 입력을 마스킹할지 지정하려면 다음과 같은 몇 가지 옵션이 있습니다.

Application settings 페이지에서 원하는 CSS 선택기를 추가하거나 마스킹 상자를 선택하세요. 마스크 선택기를 사용하면 마스크 사용자 입력이 되지 않으니 사용자 입력을 숨겨야 하는 경우에는 블록 선택기를 사용하는 것이 좋습니다.
웹페이지 HTML에 CSS 클래스 nr-mask 또는 속성 data-nr-mask 을 추가하세요.
예를 들어, URL에 계정 ID가 표시되지 않도록 하려면 계정 ID가 포함된 <div> 에 nr-mask 추가합니다.
<div>Account ID: <span class="nr-mask">99881123</span></div>

이러한 옵션은 별표(*)를 사용하여 해당 요소의 모든 텍스트를 마스크하여 실제 텍스트는 숨기고 입력된 문자 수는 표시합니다. 그러나 별표는 유효한 숫자가 아니므로 전화번호나 신용카드 번호와 같이 숫자 유형별 필드를 마스크하면 리플레이에서 빈 필드가 됩니다.

사이트 콘텐츠 차단

사이트 콘텐츠의 전체 섹션을 차단할 수 있습니다. 즉, 해당 섹션은 세션 리플레이에서 빈 플레이스홀더로 표시됩니다. 예를 들어 회사 소개 웹페이지에 이미지가 있고 이를 캡처할 필요가 없는 경우 해당 이미지가 포함된 클래스를 차단할 수 있습니다.

특정 클래스나 속성을 차단하려면 다음과 같은 몇 가지 옵션이 있습니다.

애플리케이션 설정 페이지에서 *블록 선택기 필드에 CSS 선택기를 추가합니다.
웹페이지 HTML에 CSS 클래스 nr-block 또는 속성 data-nr-block 을 수동으로 추가하세요. 예를 들어 세션 재생에서 관련 없는 텍스트와 이미지를 차단하려면 <div class> 에 nr-block 추가하세요.
```
<html>
  <head>
    <title>Sample image and text</title>
  </head>
  <body>
    <div class="image-text-container nr-block">
      <img src="https://example.com/image.png" alt="Image description" />
    </div>
  </body>
</html>
```

사용자 입력 무시

사용자 입력 필드에 대한 변경 사항을 무시할 수 있습니다. 즉, 입력 필드가 재생에 계속 표시되지만 값에 대한 변경 사항은 표시되지 않습니다. 예를 들어 이메일 주소나 신용 카드 필드가 포함된 클래스를 무시할 수 있습니다. 비밀번호 입력 필드는 항상 마스크되어 있습니다.

입력을 무시하려면 CSS 클래스 nr-ignore 입력 필드의 클래스 이름에 추가하세요. 예를 들어, 결제 페이지의 민감한 정보를 무시하려면 <input type> 에 class="nr-ignore" 추가하세요.

<div class="sensitive-information">
  <h2>Sensitive Information</h2>
  <p>
    Credit card number:
    <input type="number" class="nr-ignore" id="creditCardNumber" />
  </p>
  <p>
    Expiration date:
    <input type="number" class="nr-ignore" id="expirationDate" />
  </p>
  <p>CVV code: <input type="number" class="nr-ignore" id="cvvCode" /></p>
</div>

사용자의 편의를 위해 제공되는 기계 번역입니다.

(선택사항) 개인정보 보호 설정 구성

민감한 텍스트 마스크 .css-21sua1{background:none;border:none;width:0;padding:0;}

사이트 콘텐츠 차단

사용자 입력 무시

민감한 텍스트 마스크