Adobe Experience Platform 웹 SDK 태그 확장 설치

CAUTION
2024년 3월 15일 금요일에 이 자습서에 대한 주요 변경 사항을 게시하려고 합니다. 이 시점 이후에는 많은 연습이 변경되며 모든 단원을 완료하려면 튜토리얼을 처음부터 다시 시작해야 할 수 있습니다.

데이터 수집 인터페이스에서 Platform Web SDK 태그 확장 기능을 설치하고 구성하는 방법에 대해 알아봅니다. 이 태그 확장은 태그 확장만 해당 데이터를 (으)로 전송하는 데 필요 모든 Adobe Experience Cloud 애플리케이션, 포함 분석, Target, Audience Manager, Real-time Customer Data Platform 및 Journey Optimizer!

학습 목표

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

  • 데이터 수집 인터페이스에서 태그 속성 만들기
  • Platform Web SDK 태그 확장 설치
  • 이전에 만든 데이터스트림을 확장에 매핑

전제 조건

이 자습서에서는 이전 단원을 완료했어야 합니다.

Experience Platform 웹 SDK 확장 설치

속성 추가

먼저 태그 속성이 있어야 합니다. 속성은 웹 페이지에서 세부 정보를 수집하여 여러 위치로 보내는 데 필요한 모든 JavaScript, 규칙 및 기타 기능을 위한 컨테이너입니다.

자습서에 대한 새 태그 속성을 만듭니다.

  1. 를 엽니다. 데이터 수집 인터페이스
  2. 선택 태그 왼쪽 탐색
  3. 다음 항목 선택 새 속성 단추
    새 속성 추가
  4. 다음으로: 이름, 입력 Web SDK Course (회사에서 여러 사람이 이 튜토리얼을 수강하는 경우 이름 추가)
  5. 다음으로: 도메인, 입력 enablementadobe.com (나중에 설명)
  6. 선택 저장
    속성 세부 정보

웹 SDK 확장 추가

이제 XDM 스키마, 데이터스트림 및 태그 속성이 만들어졌으므로 Platform Web SDK 확장을 설치할 준비가 된 것입니다.

  1. 새 태그 속성 열기

  2. 다음으로 이동 확장 > 카탈로그

  3. 검색 대상 Adobe Experience Platform Web SDK

  4. 선택 설치

    Web SDK 확장 설치

Platform Web SDK를 데이터 스트림에 연결

대부분의 기본 설정을 그대로 두고 필요에 따라 나중에 업데이트합니다. 이제 해야 하는 유일한 작업은 확장을 데이터 스트림에 연결하는 것입니다.

  1. 아래 데이터스트림 ​를 선택하고 목록에서 선택 입력 방법

  2. 이전에 생성한 데이터 스트림을 선택합니다. Luma Web SDK

  3. 선택 저장

    note note
    NOTE
    데이터 스트림을 찾을 수 없는 경우 데이터 스트림 구성 단원 및 단계에 따라 단원을 만듭니다.

    데이터 스트림 선택

Platform Web SDK를 설치하고 데이터 스트림에 연결했으므로 만든 스키마를 사용하여 데이터 요소를 XDM 개체에 매핑할 준비가 되었습니다.

NOTE
이 자습서에서는 하나의 데이터스트림만 구성하고 모든 태그 환경(개발, 스테이지 및 프로덕션)과 연결합니다. 자체 웹 사이트에서 Platform Web SDK를 구현할 때에는 각 환경에 대해 별도의 데이터 스트림을 구성하고 다음을 사용하여 태그 환경에 매핑해야 합니다. 입력 방법 > 값 입력
데이터 스트림 선택
NOTE
에서 CNAME을 구성하지 않았지만 Edge 도메인 이 단원에서 설정하는 경우, Adobe은 자체 웹 사이트에서 Platform Web SDK를 구현할 때 CNAME을 사용하는 것을 권장합니다. CNAME 구현은 비록 쿠키 수명 측면에서는 어떠한 이점도 제공하지 않지만, 몇 가지 다른 이점이 있습니다. 이러한 이점에는 광고 차단기와 보편적으로 사용되지 않는 브라우저가 추적기로 분류된 도메인으로 데이터가 전송되는 것을 방지한다는 것도 포함됩니다. 이러한 경우 CNAME을 사용하면 이들 도구를 사용하는 사용자의 데이터 수집이 중단되는 것을 방지할 수 있습니다.

확장의 각 섹션에 대한 자세한 내용은 Adobe Experience Platform 웹 SDK 확장 구성

다음:

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