[통합]{class="badge positive"}

Target 호출 로드 및 실행 load-fire-target

[AEM Sites as a Cloud Service, AEM Sites 6.5]{class="badge informative"}

태그 규칙을 사용하여 매개 변수를 로드하고, 페이지 요청에 전달하며, 사이트 페이지에서 Target 호출을 실행하는 방법을 알아봅니다. 웹 페이지 정보는 검색 및 매개 변수로 전달됩니다. Adobe 클라이언트 데이터 레이어를 사용하면 웹 페이지에서 방문자의 경험에 대한 데이터를 수집 및 저장한 다음 이 데이터에 쉽게 액세스할 수 있습니다.

페이지 로드 규칙

Adobe 클라이언트 데이터 레이어는 이벤트 기반 데이터 레이어입니다. AEM Page 데이터 레이어가 로드되면 이벤트를 트리거합니다 cmp:show . 비디오에서 tags Library Loaded 사용자 지정 이벤트를 사용하여 규칙이 호출됩니다. 아래에서는 사용자 지정 이벤트 및 데이터 요소에 대한 비디오에 사용된 코드 조각을 찾을 수 있습니다.

사용자 지정 페이지 표시 이벤트 page-event

태그 속성에서 새 태그를 추가합니다 이벤트 (으)로 규칙

탭 편집기 열기 을 누르고 다음 코드 스니펫에 붙여넣습니다. 이 코드 필수 다음에 추가: 이벤트 구성 및 후속 작업 작업.

// Define the event handler function
var pageShownEventHandler = function(coreComponentEvent) {

    // Check to ensure event trigger via AEM Core Components is shaped correctly
    if (coreComponentEvent.hasOwnProperty("eventInfo") &&
        coreComponentEvent.eventInfo.hasOwnProperty("path")) {

        // Debug the AEM Component path the show event is associated with
        console.debug("cmp:show event: " + coreComponentEvent.eventInfo.path);

        // Create the tags Event object
        var launchEvent = {
            // Include the ID of the AEM Component that triggered the event
            id: coreComponentEvent.eventInfo.path,
            // Get the state of the AEM Component that triggered the event
            component: window.adobeDataLayer.getState(coreComponentEvent.eventInfo.path)
        };

        // Trigger the tags Rule, passing in the new `event` object
        // the `event` obj can now be referenced by the reserved name `event` by other tags data elements
        // i.e `event.component['someKey']`
        trigger(launchEvent);
   }
}

// With the AEM Core Component event handler, that proxies the event and relevant information to Data Collection, defined above...

// Initialize the adobeDataLayer global object in a safe way
window.adobeDataLayer = window.adobeDataLayer || [];

// Push the event custom listener onto the Adobe Data Layer
window.adobeDataLayer.push(function (dataLayer) {
   // Add event listener for the `cmp:show` event, and the custom `pageShownEventHandler` function as the callback
   dataLayer.addEventListener("cmp:show", pageShownEventHandler);
});

사용자 지정 함수는 pageShownEventHandler, 및 AEM 핵심 구성 요소에서 제공하는 이벤트를 수신하고, 핵심 구성 요소와 관련된 정보를 파생하고, 이벤트 개체로 패키징하며, 페이로드에서 파생된 이벤트 정보로 태그 이벤트를 트리거합니다.

태그 규칙은 의 태그를 사용하여 트리거됩니다. trigger(...) 함수 전용 규칙의 이벤트 사용자 지정 코드 조각 정의 내에서 사용할 수 있습니다.

다음 trigger(...) 함수는 이벤트 개체를 매개 변수로 가져와 태그에 예약된 다른 이름으로 태그 데이터 요소에 노출합니다. event. 태그의 데이터 요소는 이제 의 이 이벤트 개체에서 데이터를 참조할 수 있습니다. event 과 같은 구문을 사용하는 개체 event.component['someKey'].

If trigger(...) 는 이벤트의 사용자 지정 코드 이벤트 유형(예: 작업)의 컨텍스트 외부에 사용되며 JavaScript 오류입니다 trigger is undefined 는 tags 속성과 통합된 웹 사이트에서 throw됩니다.

데이터 요소

태그 데이터 요소는 이벤트 객체의 데이터를 매핑합니다 사용자 지정 페이지 표시 이벤트에서 트리거됨 코어 확장의 사용자 지정 코드 데이터 요소 유형을 통해 Adobe Target에서 사용할 수 있는 변수에 매핑합니다.

페이지 ID 데이터 요소

if (event && event.id) {
    return event.id;
}

이 코드는 핵심 구성 요소의 생성 고유 ID를 반환합니다.

페이지 경로 데이터 요소

if (event && event.component && event.component.hasOwnProperty('repo:path')) {
    return event.component['repo:path'];
}

이 코드는 AEM 페이지의 경로를 반환합니다.

페이지 제목 데이터 요소

if (event && event.component && event.component.hasOwnProperty('dc:title')) {
    return event.component['dc:title'];
}

이 코드는 AEM 페이지의 제목을 반환합니다.

문제 해결

웹 페이지에서 mbox가 실행되지 않는 이유는 무엇입니까?

mboxDisable 쿠키가 설정되지 않은 경우 오류 메시지

> AT: [page-init] Adobe Target content delivery is disabled. Ensure that you can save cookies to your current domain, there is no "mboxDisable" cookie and there is no "mboxDisable" parameter in the query string.

솔루션

Target 고객은 테스트나 간단한 개념 입증 용도로 Target에 클라우드 기반 인스턴스를 사용하는 경우가 있습니다. 이러한 도메인 및 기타 많은 다른 도메인은 공용 접미사 목록 의 일부입니다.
최신 브라우저에서는 다음을 사용자 지정하지 않는 한 이러한 도메인을 사용하는 경우 쿠키를 저장하지 않습니다. cookieDomain 을 사용하여 설정 targetGlobalSettings().

window.targetGlobalSettings = {
   cookieDomain: 'your-domain' //set the cookie directly on this subdomain, for example: 'publish-p1234-e5678.adobeaemcloud.com'
};

다음 단계

지원 링크