설명서Experience PlatformWeb SDK 튜토리얼

Platform Web SDK를 사용하여 동의 설정

Last update: Tue Jul 16 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 주제:

작성 대상:

  • 초급
  • 중간
  • 개발자

Adobe Experience Platform 웹 SDK 태그 확장의 개인 정보 설정을 구성하는 방법을 알아봅니다. CMP(동의 관리 플랫폼)의 배너와 방문자의 상호 작용에 따라 동의를 설정합니다.

NOTE
이 자습서에서는 데모용으로 Klaro을(를) CMP로 사용합니다. Klaro 또는 웹 사이트에 사용하는 CMP를 따르십시오.

학습 목표

이 단원을 마치면 다음을 수행할 수 있습니다.

  • 태그를 사용하여 CMP 로드
  • Web SDK 태그 확장 Experience Platform에서 개인 정보 설정 구성
  • 방문자의 작업을 기반으로 Experience Platform 웹 SDK에 대한 동의 설정

전제 조건

Experience Platform 디버거를 사용하여 규칙, 데이터 요소를 만들고, 라이브러리를 환경에 빌드하고, 태그 라이브러리를 전환하는 태그와 단계에 익숙해야 합니다.

개인 정보 설정을 구성하고 동의를 설정하는 규칙을 만들기 전에 웹 사이트에 동의 관리 플랫폼 스크립트를 삽입했고 제대로 작동하는지 확인하십시오. CMP는 사이트 개발자의 도움을 받아 소스 코드에 직접 로드하거나 태그를 통해 로드할 수 있습니다. 이 단원은 후자의 방식을 보여줍니다.

NOTE

  1. 조직은 웹 사이트 및 앱과 같은 온라인 소스에서 방문자 데이터를 수집, 공유 또는 판매하기 전에 방문자의 동의 선택 사항을 합법적으로 문서화하고 관리하는 데 CMP(동의 관리 플랫폼)를 사용합니다.

  2. CMP를 삽입하는 데 권장되는 방법은 태그 관리자 스크립트 전에 소스 코드를 직접 통과하는 것입니다.

Klaro 구성

태그 구성으로 이동하기 전에 이 자습서 Klaro에서 사용되는 동의 관리 플랫폼에 대해 자세히 알아보십시오.

  1. Klaro을(를) 방문하여 계정을 설정합니다.

  2. 개인 정보 관리자(으)로 이동하여 지침에 따라 인스턴스를 만드십시오.

  3. 통합 코드 ​를 사용하여 Klaro를 태그 속성에 삽입합니다(지침은 다음 연습에 있음).

  4. 검색 섹션을 건너뜁니다. 이 섹션은 Luma 데모 웹 사이트에서 하드코드된 태그 속성을 감지하며 이 자습서를 위해 빌드한 속성이 아닙니다.

  5. aep web sdk(이)라는 서비스를 추가하고 서비스 기본 상태 ​를 켭니다. 켜면 기본 동의 값은 true이고, 그렇지 않으면 false입니다. 이 구성은 웹 애플리케이션에 대한 기본 동의 상태(방문자의 동의 전)를 결정하려는 경우 유용합니다. 예:

    • CCPA의 경우 기본 동의는 일반적으로 true(으)로 설정됩니다. 이 자습서 전체에서 이 시나리오를 암시된 옵트인(으)로 참조합니다.
    • GDPR의 경우 기본 동의는 일반적으로 false(으)로 설정됩니다. 이 자습서 전체에서 이 시나리오를 암시된 옵트아웃(으)로 참조합니다.
    note note
    NOTE
    일반적으로 위에서 언급한 단계는 OneTrust 또는 TrustArc와 같은 CMP를 처리하는 팀이나 개인이 수행하고 처리합니다.

CMP 삽입

WARNING
동의 관리 플랫폼을 구현하는 가장 좋은 방법은 일반적으로 태그 관리자를 로드하기 전에​_CMP를 로드하는 것입니다._ 이 자습서를 원활하게 수행하려면 태그 관리자를 사용하여 CMP를 로드합니다. 이 단원은 Platform Web SDK에서 동의 기능을 사용하는 방법을 보여주기 위해 마련되었으며 Klaro 또는 기타 CMP를 올바르게 구성하는 지침으로 사용되어서는 안 됩니다.

이제 Klaro의 구성이 완료되면 다음 구성으로 태그 규칙을 만듭니다.

  • 이름: all pages - library load - Klaro
  • 이벤트: 라이브러리가 로드됨(페이지 상단), 고급 옵션 > 순서가 1로 설정됨
  • 작업: 사용자 지정 코드, 언어: CMP 스크립트를 로드하는 HTML.

CMP 규칙 삽입

사용자 지정 코드 블록은 다음과 유사해야 합니다.

CMP 규칙 삽입

이제 이 규칙을 저장하고 개발 라이브러리에 빌드합니다. Luma 사이트에서 자신의 사이트로 태그 라이브러리를 전환하여 동의 배너가 표시되는지 확인하십시오. 다음과 같이 웹 사이트에 CMP 배너가 표시됩니다. 또한 현재 방문자의 동의 권한을 확인하려면 브라우저의 콘솔에서 다음 코드 조각을 사용할 수 있습니다.

    klaro.getManager().consents

동의 배너

디버그 모드로 전환하려면 Adobe Experience Platform 디버거의 다음 확인란을 사용하십시오.

태그 디버그 모드

또한 방문자의 동의 값이 쿠키에 저장되므로 이 자습서를 진행하는 동안 여러 번 쿠키와 로컬 저장소를 지워야 할 수 있습니다. 다음과 같이 간단히 수행할 수 있습니다.

저장소 지우기

동의 시나리오

GDPR, CCPA 및 기타 개인 정보 보호 작업은 동의 구현을 설계하는 방법에 중요한 역할을 합니다. 이 단원에서는 방문자가 가장 중요한 두 가지 개인 정보 보호 법률에 따라 동의 배너와 상호 작용하는 방법을 살펴봅니다.
동의 시나리오

시나리오 1: 암시적 옵트인

암시적 옵트인은 비즈니스가 데이터를 수집하기 전에 방문자의 동의(또는 "옵트인")를 받을 필요가 없음을 의미하며, 따라서 웹 사이트의 모든 방문자는 기본적으로 옵트인으로 처리됩니다. 그러나 방문자는 동의 배너를 통해 쿠키를 거부하여 옵트아웃할 수 있습니다. 이 사용 사례는 CCPA와 유사합니다.

이제 이 시나리오에 대한 동의를 구성하고 구현합니다.

  1. Experience Platform Web SDK 태그 확장의 개인 정보 섹션에서 기본 동의 ​이(가) In(으)로 설정되어 있는지 확인하십시오.

    동의 AEP 확장 개인 정보 구성

    note note
    NOTE
    동적 솔루션의 경우 "데이터 요소 제공" 옵션을 선택하고
    code language-none 
    klaro.getManager().consents
    이 옵션은 CMP가 Experience Platform 웹 SDK 확장을 로드하기 전에 기본 동의를 사용할 수 있도록 소스 코드 이전 ​에 태그 포함 코드에 삽입되는 경우에 사용됩니다. 이 예제에서는 CMP가 태그 앞에 로드되지 않고 태그와 함께 로드되므로 이 옵션을 사용할 수 없습니다.

  2. 이 변경 사항을 저장하고 태그 라이브러리에 빌드

  3. Luma 데모 사이트에서 태그 라이브러리를 로드합니다

  4. Luma 사이트에서 태그 디버깅을 활성화하고 페이지를 다시 로드합니다. 브라우저의 개발자 콘솔에서 defaultConsent가 In ​과(와) 같음을 확인해야 합니다.

  5. 이 구성을 사용하면 방문자가 쿠키 및 옵트아웃을 거부하기로 결정하지 않는 한 Experience Platform 웹 SDK 확장은 네트워크 요청을 계속 수행합니다.

    동의에 포함된 옵트인

방문자가 옵트아웃(추적 쿠키 거부)을 결정하는 경우 동의를 Out(으)로 변경해야 합니다. 다음 단계에 따라 동의 설정을 변경합니다.

  1. 방문자가 거부 ​를 클릭할 때 트리거되는 규칙을 만듭니다. 이 규칙의 이름을 all pages - click consent banner - set consent "out"(으)로 지정합니다.

  2. 이벤트 ​로서 CSS 선택기와 일치하는 요소에 대해 ​​클릭​​ 을 사용합니다 #klaro .cn-decline

    규칙 조건 사용자가 거부를 클릭합니다

  3. 이제 Experience Platform Web SDK, 동의 설정 작업 유형을 사용하여 동의를 "out"으로 설정합니다.

    동의 규칙 옵트아웃 작업

  4. 라이브러리 및 빌드에 저장 ​을 선택합니다.

    라이브러리 저장 및 빌드

이제 방문자가 옵트아웃하면 위의 방식으로 구성된 규칙이 실행되고 웹 SDK 동의를 Out(으)로 설정합니다.

Luma 데모 사이트로 이동하여 유효성을 확인하고, 쿠키를 거부하고, 옵트아웃 후 웹 SDK 요청이 실행되지 않는지 확인합니다.

시나리오 2: 암시적 옵트아웃

암시적 옵트아웃은 방문자가 기본적으로 옵트아웃으로 처리되어야 하며 쿠키를 설정하지 말아야 함을 의미합니다. 방문자가 동의 배너를 통해 쿠키를 수락하여 수동으로 옵트인하기로 결정하지 않는 한 웹 SDK 요청을 실행하지 않아야 합니다. GDPR이 적용되는 유럽 연합 지역에서 이러한 사용 사례를 처리해야 할 수 있습니다.

다음은 암시적 옵트아웃 시나리오에 대한 구성을 설정하는 방법입니다.

  1. Klaro에서 aep web sdk 서비스의 서비스 기본 상태 ​를 끄고 업데이트된 구성을 저장합니다.

  2. Experience Platform Web SDK 확장의 개인 정보 섹션에서 기본 동의를 필요에 따라 Out 또는 보류 중(으)로 설정합니다.

    동의 AEP 확장 개인 정보 구성

  3. 태그 라이브러리에 업데이트된 구성을 저장 ​하고 다시 빌드합니다.

    이 구성을 사용하면 동의 권한이 In(으)로 변경되지 않는 한 Experience Platform 웹 SDK에서 요청이 실행되지 않습니다. 방문자가 옵트인하여 쿠키를 수동으로 수락하면 이러한 문제가 발생할 수 있습니다.

  4. 디버거에서 Luma 사이트가 태그 속성에 매핑되고 태그 콘솔 로깅이 설정되어 있는지 확인합니다.

  5. 브라우저의 개발자 콘솔을 사용하여 응용 프로그램 > 저장소 ​에서 사이트 데이터 지우기

  6. Luma 사이트를 다시 로드하면 defaultConsent이(가) Out(으)로 설정되어 있고 웹 SDK 요청이 수행되지 않았음을 알 수 있습니다.

    동의 암시적 옵트아웃

방문자가 옵트인(추적 쿠키 수락)을 결정하는 경우 동의를 변경하고 In(으)로 설정해야 합니다. 다음은 규칙을 사용하여 이 작업을 수행하는 방법입니다.

  1. 방문자가 클릭하여 ​을(를) 클릭할 때 트리거되는 규칙을 만듭니다. 이 규칙의 이름을 all pages - click consent banner - set consent "in"(으)로 지정합니다.

  2. 이벤트 ​로서 CSS 선택기와 일치하는 요소에 대해 ​​클릭​​ 을 사용합니다 #klaro .cm-btn-success

    규칙 조건 사용자가 정상을 클릭합니다

  3. Experience Platform Web SDK 확장, 동의 설정, 일반 동의 ​의 작업 유형 ​을(를) 사용하여 In(으)로 작업을 추가합니다.

    동의 규칙 옵트인 작업

    여기서 한 가지 주의할 점은 이 동의 설정 작업이 실행되어 ID를 설정하는 첫 번째 요청이 된다는 것입니다. 이러한 이유로 첫 번째 요청 자체에 대한 ID를 동기화하는 것이 중요할 수 있습니다. ID 유형 데이터 요소를 전달하여 ID 맵을 동의 설정 작업에 추가할 수 있습니다.

  4. 라이브러리 및 빌드에 저장 ​을 선택합니다.

    동의 규칙 옵트아웃

  5. 라이브러리에 규칙을 저장 ​하고 다시 빌드합니다.

이 규칙이 적용되면 방문자가 옵트인하면 이벤트 수집이 시작됩니다.

동의 Post 방문자 옵션

Web SDK의 동의에 대한 자세한 내용은 고객 동의 환경 설정 지원을 참조하십시오.

동의 설정 작업에 대한 자세한 내용은 동의 설정을 참조하십시오.

다음:

NOTE
Adobe Experience Platform Web SDK에 대해 학습하는 데 시간을 투자해 주셔서 감사합니다. 질문이 있거나 일반적인 피드백을 공유하고 싶거나 향후 콘텐츠에 대한 제안이 있는 경우 이 Experience League 커뮤니티 토론 게시물에서 공유하십시오.
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4