웹 SDK을 사용하여 Adobe 클라이언트 데이터 레이어 데이터 보내기

• ACDL이 페이지에 설치되었습니다.
• Web SDK 기본 코드 및 라이브러리가 설치되어 있고 Web SDK은 데이터스트림을 사용하여 구성되었습니다.

웹 SDK 기본 코드 큐는 라이브러리가 로드될 때까지 명령을 수행하고 ACDL은 라이브러리가 로드될 때까지 항목을 큐에 추가합니다. 이러한 큐 때문에 먼저 로드되는 라이브러리에 관계없이 웹 SDK 기본 코드 뒤 어디에서든 이 페이지에 코드를 추가할 수 있습니다.

• ACDL 확장이 태그 속성에 설치 및 구성되었습니다.
• 웹 SDK 확장이 설치되어 있으며 데이터스트림(으)로 구성되었습니다.

이벤트를 수신하고 sendEvent을(를) 호출합니다.

window.adobeDataLayer = window.adobeDataLayer || [];

function sendPageView(event) {
  alloy("sendEvent", {
    xdm: {
      eventType: "web.webpagedetails.pageViews",
      web: {
        webPageDetails: {
          name: event.page.title,
          pageViews: { value: 1 }
        }
      }
    }
  });
}

window.adobeDataLayer.push(function(dl) {
  dl.addEventListener("page view", sendPageView);
});

모든 수신기 옵션에 대해서는 addEventListener()을(를) 참조하십시오.

1. 웹 SDK 확장을 사용하여 변수 데이터 요소를 만듭니다. XDM​을(를) 선택한 다음 샌드박스 및 스키마를 선택합니다. 이 예제에서는 데이터 요소 이름을 XDM variable로 지정합니다.

2. 규칙을 만들고 이벤트를 추가합니다.

   • 확장: Adobe 클라이언트 데이터 레이어
   • 이벤트 유형: 데이터 레이어 푸시
   • 트리거 설정: 이름이 지정된 특정 이벤트(이벤트 이름 page view)
   • 시간 범위: 모두

3. XDM 개체에 채울 작업을 추가합니다.

   • 확장: Adobe Experience Platform Web SDK
   • 작업 유형: 변수 업데이트
   • 데이터 요소: XDM variable
   • web.webPageDetails.name을(를) %event.message.page.title%(으)로 설정하고 web.webPageDetails.pageViews.value을(를) 1(으)로 설정합니다.

4. 이벤트를 보내는 작업 추가:

   • 확장: Adobe Experience Platform Web SDK
   • 작업 유형: 이벤트 보내기
   • 유형: web.webpagedetails.pageViews
   • XDM: %XDM variable%

5. 규칙을 저장하고 라이브러리에 추가한 다음 라이브러리를 빌드합니다.

모든 이벤트 옵션에 대해서는 데이터 레이어 푸시를 참조하십시오.

function sendWithDataPrep(event) {
  alloy("sendEvent", {
    xdm: { eventType: "web.webpagedetails.pageViews" },
    data: this.getState()
  });
}

window.adobeDataLayer.push(function(dl) {
  dl.addEventListener("page view", sendWithDataPrep);
});

ACDL 수신기 내에서 this이(가) 데이터 계층을 참조하므로 this.getState()이(가) 계산된 상태를 반환합니다. 일부만 보내려면 this.getState("page")과(와) 같은 경로를 전달하십시오.

1. ACDL 확장을 사용하여 데이터 계층 계산 상태 데이터 요소를 만듭니다. 전체 계산 상태​를 선택하거나 특정 경로​를 선택하고 전송할 데이터의 경로를 입력하십시오. 이 예제에서는 데이터 요소 이름을 ACDL state로 지정합니다.

2. XDM 데이터 보내기와 동일한 데이터 계층 푸시 이벤트를 사용하여 규칙을 만듭니다.

3. 웹 SDK 확장에서 이벤트 보내기 작업을 추가합니다.

   • 유형: web.webpagedetails.pageViews
   • 데이터: %ACDL state%

4. 규칙을 저장하고 라이브러리에 추가한 다음 라이브러리를 빌드합니다.

페이지 보기 리스너의 끝에서 기록을 지웁니다.

function sendPageView(event) {
  alloy("sendEvent", { /* ... */ });
  this.length = 0;
}

내역 지우기를 참조하십시오.