Web SDK를 사용하여 Experience Platform에 데이터 스트리밍

마지막 업데이트: 2023-11-17
  • 주제:
  • Web SDK
    이 항목에 대한 자세한 내용 보기
  • Tags
    이 항목에 대한 자세한 내용 보기
  • 작성 대상:
  • Beginner
    Intermediate
    Developer

Platform Web SDK를 사용하여 Adobe Experience Platform에 웹 데이터를 스트리밍하는 방법에 대해 알아봅니다.

Experience Platform은 Adobe Real-time Customer Data Platform, Adobe Customer Journey Analytics 및 Adobe Journey Optimizer과 같은 모든 새로운 Experience Cloud 애플리케이션의 백본입니다. 이러한 애플리케이션은 Platform Web SDK를 최적의 웹 데이터 수집 방법으로 사용하도록 설계되었습니다.

Experience Platform은 이전에 만든 것과 동일한 XDM 스키마를 사용하여 Luma 웹 사이트에서 이벤트 데이터를 캡처합니다. 해당 데이터가 Platform Edge Network로 전송되면 데이터 스트림 구성은 이를 Experience Platform으로 전달할 수 있습니다.

학습 목표

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

  • Adobe Experience Platform 내에서 데이터 세트 만들기
  • 웹 SDK 데이터를 Adobe Experience Platform으로 전송하도록 데이터 스트림 구성
  • 실시간 고객 프로필에 대한 웹 데이터 스트리밍 활성화
  • 데이터가 플랫폼 데이터 세트와 실시간 고객 프로필 모두에 도달했는지 확인

전제 조건

다음 단원을 이미 완료했어야 합니다.

데이터 세트 만들기

Adobe Experience Platform에 성공적으로 수집된 모든 데이터는 데이터 세트로 데이터 레이크 내에 유지됩니다. A 데이터 세트 는 스키마(열) 및 필드(행)를 포함하는 데이터 수집을 위한 저장 및 관리 구문입니다. 데이터 세트에는 저장하는 데이터의 다양한 측면을 설명하는 메타데이터도 포함됩니다.

이 연습에서는 의 콘텐츠 및 전자 상거래 세부 사항을 추적하는 데이터 세트를 만듭니다. Luma 데모 사이트.

경고

을(를) 이미 만들었어야 합니다. Luma Web Event Data 이전 단원에서 설명한 대로 스키마, XDM 스키마 구성.

  1. 로 이동 Experience Platform 인터페이스

  2. 이 자습서에서 사용하는 개발 샌드박스에 있는지 확인합니다

  3. 열기 데이터 세트 왼쪽 탐색에서

  4. 데이터 세트 만들기​를 선택합니다

    스키마 만들기

  5. 다음 항목 선택 스키마에서 데이터 세트 만들기 옵션

    스키마에서 데이터 세트 만들기

  6. 다음 항목 선택 Luma Web Event Data 에서 생성된 스키마 이전 단원 다음을 선택합니다. 다음

    데이터 세트, 스키마 선택

  7. 다음을 제공합니다. 이름 및 선택 사항 설명 데이터 세트용. 이 연습에서는 다음을 사용합니다. Luma Web Event Data을 선택한 다음 을 선택합니다. 완료

    데이터 세트 이름

이제 Platform Web SDK 구현에서 데이터 수집을 시작하도록 데이터 세트가 구성됩니다.

데이터 스트림 구성

이제 다음을 구성할 수 있습니다. 데이터스트림 로 데이터 보내기 Adobe Experience Platform. 데이터 스트림은 태그 속성, Platform Edge Network 및 Experience Platform 데이터 세트 간의 링크입니다.

  1. 를 엽니다. 데이터 수집 인터페이스

  2. 선택 데이터스트림 왼쪽 탐색에서

  3. 에서 생성한 데이터 스트림을 엽니다. 데이터 스트림 구성 단원, Luma Web SDK

    Luma 웹 SDK 데이터스트림 선택

  4. 서비스 추가​를 선택합니다
    데이터 스트림에 서비스 추가

  5. 선택 Adobe Experience Platform (으)로 서비스

  6. 선택 Luma Web Event Data (으)로 이벤트 데이터 세트

  7. 저장​을 선택합니다.

    데이터 스트림 구성

에서 트래픽을 생성할 때 Luma 데모 사이트 태그 속성에 매핑되면 데이터가 Experience Platform의 데이터 세트를 채웁니다!

데이터 세트 유효성 검사

이 단계는 데이터가 데이터 세트에 도달했는지 확인하는 데 중요합니다. 데이터 세트로 전송된 데이터의 유효성을 검사하는 데에는 두 가지 측면이 있습니다.

  • 을 사용하여 유효성 검사 Experience Platform 디버거
  • 을 사용하여 유효성 검사 데이터 세트 미리 보기
  • 을 사용하여 유효성 검사 쿼리 서비스

Experience Platform Debugger

이러한 단계는 에서 수행한 것과 거의 동일합니다 Debugger 단원. 그러나 데이터는 데이터 스트림에서 활성화한 후에만 Platform으로 전송되므로 더 많은 샘플 데이터를 생성해야 합니다.

  1. 를 엽니다. Luma 데모 사이트 및 선택 Experience Platform 디버거 확장 아이콘

  2. 태그 속성을 매핑하도록 디버거 구성 본인 에 설명된 개발 환경 디버거를 사용하여 유효성 검사 단원

    디버거에 표시된 Launch 개발 환경

  3. 자격 증명 test@adobe.com/test를 사용하여 Luma 사이트에 로그인합니다.

  4. Luma 홈 페이지로 돌아갑니다.

  5. 디버거에 표시된 Platform Web SDK 네트워크 비콘 내에서 "events" 행을 선택하여 팝업에서 세부 정보를 확장합니다

    Debugger의 웹 SDK

  6. 팝업 내에서 "identityMap"을 검색합니다. 여기에는 authenticatedState, id 및 primary의 세 가지 키가 있는 lumaCrmId가 표시됩니다
    Debugger의 웹 SDK

이제 데이터가 Luma Web Event Data 데이터 세트 및 '데이터 세트 미리보기' 유효성 검사 준비 완료.

데이터 세트 미리 보기

데이터가 플랫폼의 데이터 레이크에 도착했는지 확인하려면 를 사용하는 것이 빠른 옵션입니다. 데이터 세트 미리 보기 기능. Web SDK 데이터는 데이터 레이크에 마이크로 패치되며 정기적으로 Platform 인터페이스에서 새로 고쳐집니다. 생성한 데이터를 보려면 10~15분이 걸릴 수 있습니다.

  1. 다음에서 Experience Platform 인터페이스, 선택 데이터 세트 을(를) 왼쪽 탐색에서 열어 데이터 세트 대시보드입니다.

    대시보드에는 조직에서 사용 가능한 모든 데이터 세트가 나열됩니다. 목록에 있는 각 데이터 세트에 대해 이름, 데이터 세트가 준수하는 스키마, 최근 수집 실행 상태 등 세부 정보가 표시됩니다.

  2. 다음 항목 선택 Luma Web Event Data 데이터 세트를 열어 데이터 세트 활동 화면.

    데이터 세트 Luma 웹 이벤트

    활동 화면에는 사용 중인 메시지 비율을 시각화하는 그래프와 성공 및 실패 배치 목록이 포함되어 있습니다.

  3. 다음에서 데이터 세트 활동 화면, 선택 데이터 세트 미리 보기 화면의 오른쪽 상단 모서리 근처에서 최대 100개의 데이터 행을 미리 볼 수 있습니다. 데이터 세트가 비어 있으면 미리보기 링크가 비활성화됩니다.

    데이터 세트 미리 보기

    미리보기 창에서 데이터 세트에 대한 스키마의 계층적 보기가 오른쪽에 표시됩니다.

    데이터 세트 미리 보기 1

정보

Adobe Experience Platform의 쿼리 서비스는 레이크의 데이터를 확인하는 데 더 강력한 방법이지만 이 자습서에서는 다루지 않습니다. 자세한 내용은 데이터 탐색 ( 플랫폼 자습서 섹션)

실시간 고객 프로필에 대한 데이터 세트 및 스키마 활성화

다음 단계는 실시간 고객 프로필에 대한 데이터 세트와 스키마를 활성화하는 것입니다. Web SDK에서 데이터 스트리밍은 플랫폼으로 유입되는 여러 데이터 소스 중 하나이며 웹 데이터를 다른 데이터 소스와 결합하여 360도 고객 프로필을 빌드하려고 합니다. 실시간 고객 프로필에 대해 자세히 알아보려면 다음 짧은 비디오를 시청하십시오.

주의

자체 웹 사이트 및 데이터를 사용하는 경우 실시간 고객 프로필에 활성화하기 전에 데이터에 대한 보다 강력한 유효성 검사를 사용하는 것이 좋습니다.

데이터 세트를 활성화하려면:

  1. 만든 데이터 세트를 열고, Luma Web Event Data

  2. 다음 항목 선택 프로필 전환 켜려면

    프로필 전환

  3. 다음을 확인 사용 데이터 세트

    프로필 활성화 토글

스키마를 활성화하려면:

  1. 생성한 스키마를 열고, Luma Web Event Data

  2. 다음 항목 선택 프로필 전환 켜려면

    프로필 전환

  3. 선택 이 스키마의 데이터는 identityMap 필드에 기본 ID를 포함합니다.

    중요

    실시간 고객 프로필로 전송되는 모든 레코드에는 기본 ID가 필요합니다. 일반적으로 ID 필드는 스키마 내에 레이블이 지정됩니다. 그러나 ID 맵을 사용할 때는 스키마 내에 ID 필드가 표시되지 않습니다. 이 대화 상자는 기본 ID를 염두에 두고 있으며 데이터를 전송할 때 ID 맵에서 이를 지정하도록 하기 위한 것입니다. 아시다시피 Web SDK는 ID 맵을 사용하며 Experience Cloud ID(ECID)가 기본 기본 ID입니다.

  4. 선택 사용

    프로필 활성화 토글

  5. 선택 저장 업데이트된 스키마를 저장하려면

이제 스키마도 프로필에 대해 활성화됩니다.

중요

프로필에 대해 스키마를 활성화하면 비활성화하거나 삭제할 수 없습니다. 또한 이 시점 이후에는 스키마에서 필드를 제거할 수 없습니다. 이러한 의미는 프로덕션 환경에서 자체 데이터를 사용하여 작업할 때 나중에 기억해야 합니다. 이 자습서에서는 언제든지 삭제할 수 있는 개발 샌드박스를 사용해야 합니다.

자체 데이터로 작업할 때는 다음 순서로 수행하는 것이 좋습니다.

  • 먼저 일부 데이터를 데이터 세트에 수집합니다.
  • 데이터 수집 프로세스 중에 발생하는 모든 문제(예: 데이터 유효성 검사 또는 매핑 문제)를 해결합니다.
  • 프로필에 대해 데이터 세트 및 스키마 활성화
  • 데이터 다시 수집

프로필 유효성 검사

플랫폼 인터페이스(또는 Journey Optimizer 인터페이스)에서 고객 프로필을 조회하여 데이터가 실시간 고객 프로필에 도달했는지 확인할 수 있습니다. 이름에서 알 수 있듯이 프로필은 실시간으로 채워지므로 데이터 세트에서 데이터 유효성 검사가 이루어진 것과 같은 지연은 없습니다.

먼저 샘플 데이터를 더 생성해야 합니다. 태그 속성에 매핑될 때 이 단원의 이전 단계부터 반복하여 Luma 웹 사이트에 로그인합니다. Inspect Platform Web SDK 요청을 사용하여 lumaCRMId.

  1. 다음에서 Experience Platform 인터페이스, 선택 프로필 왼쪽 탐색

  2. 다음으로: ID 네임스페이스 사용 lumaCRMId

  3. 값 복사 및 붙여넣기 lumaCRMId Experience Platform 디버거에서 검사한 호출에서 전달되었습니다(아마도 112ca06ed53d3db37e4cea49cc45b71e).

    프로필

  4. 프로필에 다음에 대한 유효한 값이 있는 경우 lumaCRMId, 콘솔에서 프로필 ID가 채워집니다.

    프로필

  5. 을(를) 클릭하여 프로필 ID 및 a 고객 프로필 콘솔이 채워집니다. 여기에서 연결된 모든 ID를 볼 수 있습니다. lumaCRMId, 예: ECID:

    고객 프로필

이제 Experience Platform(및 Real-Time CDP!)용으로 Platform Web SDK를 활성화했습니다. 그리고 Customer Journey Analytics! 그리고 Journey Optimizer!)

다음:

노트

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

이 페이지에서는