Tracking Consent Banner(추적 동의 배너)로 개인정보보호를 참조하십시오.

PWA(Progressive Web App) Kit사이트에서 추적 동의 배너를 사용하여 구매자의 신뢰를 유지하십시오. 배너를 사용하여 구매자는 PWA Kit에 포함된 기본 활동 추적을 옵트인하거나 옵트아웃할 수 있습니다.

이 가이드에서는 추적 동의 배너의 기본 구현 및 사용자 지정 옵션에 대해 설명합니다.

추적 동의 배너를 구성하고 사용하려면Retail React App버전 6.0 이상으로 사이트를 빌드합니다.

추적 동의 배너는 에서 사용할 수template-retail-react-app/app/components/_app/index.jsx있으므로 사이트의 모든 페이지에 표시할 수 있습니다. 배너는 에 정의되어 있습니다template-retail-react-app/app/hooks/use-dnt-notification.js .

기본적으로 배너는 이 예제와 비슷합니다.

다음은 DNT 상태가 설정되는 대상을 정의하는 두 가지 값입니다.

• effectiveDnt: 구성한 기본 DNT 상태로 설정되거나 기본 DNT 상태를 구성하지 않은 경우 설정됩니다false . 이 값은 구매자가 추적에 동의한 경우 또는true구매자가 추적을 옵트아웃한 경우로false설정됩니다.
• selectedDnt: 구매자가 동의 배너와 상호 작용할 때까지 정의되지 않습니다. 이 값은 구매자가 추적에 동의한 경우 또는true구매자가 추적을 옵트아웃한 경우로false설정됩니다.

구매자가 배너를 닫거나 배너에서 선택하지 않으면 기본 DNT 상태가 (활동 추적)으로false설정됩니다. 해당 동작을 변경하려면기본 DNT 상태 구성의내용을 참조하십시오. 이 배너는 구매자가 다음 작업 중 하나를 수행한 후 다음에 사이트를 방문할 때 다시 표시됩니다.

• 브라우저 닫기
• 사이트 데이터 새로 고침
• 쿠키 지우기

이 다이어그램은 추적 동의 배너의 동작과 구매자가 사이트를 방문할 때 DNT 상태가 설정되는 방식을 요약한 것입니다.

달리 명시되지 않는 한, 다이어그램의 모든 단계는 비회원 구매자와 알려진 구매자 모두에게 적용됩니다.

선택적으로, 구매자가 추적 동의 배너를 닫거나 배너에서 선택하지 않는 경우 적용되는 기본 DNT 상태를 지정할 수 있습니다. 이렇게 하려면 프로젝트에서{overridesDir}/app/components/_app-config/index.jsx이 파일의 속성을 설정합니다defaultDNT .

• defaultDnt={true}: 구매자 활동이 추적되지 않음을 나타냅니다.
• defaultDnt={false}: 구매자 활동이 추적됨을 나타냅니다.

이 예에서는defaultDnt로 설정됩니다false .

선택적으로, 모양이나 텍스트와 같은 부분을 변경하여 추적 동의 배너를 사용자 지정할 수 있습니다. 이렇게하려면 다음 두 가지 선택 사항이 있습니다.

1. 구매자 추적 기본 설정 관리에 설명된 대로 API 및 후크를 사용합니다.

또는

2. 다음 단계를 완료하여기본 템플릿의 배너 파일을 재정의합니다.

   • 아직 폴더를 만들지 않았다면 PWA Kit 프로젝트에서 라는{overridesDir}/app폴더를hooks만듭니다.
   • 폴더에 호출use-dnt-notification.js된hooks파일을 만듭니다.
   • 이 코드를 복사하여use-dnt-notification.js . 이 예제에서는 구성 요소에 의해 제어되는 사용자 지정 배너를DntNotification렌더링하는 데 사용합니다selectedDnt . 또한 이updateDnt기능을 사용하여 구매자의 추적 기본 설정을 부울로 적용합니다. Do Not Track 값을참조하십시오.

• PWA Kit 프로젝트에서 파일을 오버로드app/components/_app/index.jsx한 경우 후크를useDntNotification사용하여 사용자 지정된 추적 동의 배너를 표시합니다.

필요에 따라 PWA Kit 프로젝트에 코드를 추가하여 구매자의 추적 기본 설정 또는 기본 DNT 상태에 따라 작업을 트리거하거나 방지할 수 있습니다.

API 호출과 같은 작업을 트리거하거나 방지하는 데 사용합니다effectiveDnt . 예를 들어 Google Analytics에 액세스하기 위한 API 호출이 있습니다. Do Not Track 값을참조하십시오.

이 예에서는 구매자와 사이트의 상호 작용을 기반으로 데이터를 수집하기 위해 Analytics API 호출을 트리거하는 데 사용합니다effectiveDnt . 이 데이터는 구매자 행동, 웹사이트 트래픽 또는 판매 실적과 같은 요인에 대한 통찰력을 제공할 수 있습니다.

• 구매자가 추적을 옵트아웃하거나(DNT 상태가 로true설정됨) DNT 상태가 설정되지 않은 경우:

  • Einstein 이벤트가 표시되지 않습니다. 즉, 사이트에서 구매자의 활동은보고서 & 대시보드에 포함되지 않습니다.
  • 활성 데이터에설명된 대로 기능을 활성화한 경우 활성 데이터 지표가 수집됩니다. 그러나 모든 구매자 데이터는 익명으로 처리됩니다.

• PWA Kit는 Business Manager의개인정보보호 기본 설정에서 설정한 모든 기본 추적 구성을 재정의합니다. PWA Kit 사이트는 다음 구성 중 하나를 적용합니다.

  • PWA Kit이 가이드에 설명된 기본 또는 사용자 지정 추적 구성입니다.
  • ** Shopper Login and API Access Service(SLAS):** SLAS를 사용하여 추적 동의 배너를 맞춤화한 경우 사이트는구매자 추적 기본 설정 관리에 설명된 추적 구성을 적용합니다.

이 섹션에서는 추적 동의 배너를 사용하는 동안 발생할 수 있는 일반적인 오류에 대한 제안된 해결 방법을 제공합니다.

원인: CSS 또는 자바스크립트 문제로 인해 특정 장치 또는 브라우저에서 기능이 저하되거나 배너가 잘못 표시되거나 전혀 표시되지 않을 수 있습니다.

**제안된 솔루션:**여러 브라우저와 장치에서 배너를 테스트하여 일관된 기능을 보장합니다. 쿠키 정책이 더 엄격한 브라우저(예: Safari의 지능형 추적 방지)에 특히 주의하십시오. 다양한 화면 크기와 해상도를 테스트하여 배너가 반응형이고 사용자 친화적인지 확인합니다. 배너가 사이트 기능이나 구매자 상호 작용을 방해하지 않는지 확인합니다.

• 구매자 추적 기본 설정 관리
• _ Salesforce 도움말: _
  • Commerce Cloud Einstein 추적 금지(Do-Not-Track) 영향
  • B2C Commerce의 개인정보보호 기본 설정 구성
  • 데이터 보호 및 개인정보보호