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

AEM Assets 및 태그를 사용하여 자산 통찰력 설정

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

5부로 구성된 이 비디오 시리즈에서는 태그를 통해 배포된 Experience Manager에 대한 자산 통찰력 의 설정 및 구성을 살펴보도록 하겠습니다.

1부: 자산 통찰력 개요 overview

자산 통찰력 개요. 핵심 구성 요소, 샘플 이미지 구성 요소 및 기타 콘텐츠 패키지를 설치하여 환경을 준비합니다.

아키텍처 다이어그램 architecture-diagram

아키텍처 다이어그램

CAUTION
다음을 다운로드하십시오. 최신 버전의 핵심 구성 요소 구현.

이 비디오에서는 최신 버전이 아닌 핵심 구성 요소 v2.2.2를 사용합니다. 다음 섹션으로 진행하기 전에 최신 버전을 사용하십시오.

2부 : 샘플 이미지 구성 요소에 대한 자산 통찰력 추적 활성화 sample-image-component-asset-insights

자산 통찰력에 대한 프록시 구성 요소(샘플 이미지 구성 요소)를 사용하고 핵심 구성 요소를 개선했습니다. 참조 사이트에 대한 샘플 이미지 구성 요소를 활성화하기 위해 콘텐츠 페이지 템플릿 정책 편집

NOTE
이미지 핵심 구성 요소에는 자산의 UUID(JCR 내에서 생성된 노드의 고유 식별자 값) 추적을 비활성화하여 UUID 추적을 비활성화하는 기능이 포함됩니다

핵심 이미지 구성 요소 사용 data-asset-id 상위 내의 속성 <div> 이 기능을 활성화/비활성화하려면 이미지 태그를 사용하십시오. 프록시 구성 요소는 다음과 같은 변경 사항으로 핵심 구성 요소를 재정의합니다.

  • 제거 data-asset-id image.html 내에 있는 <img> 요소의 상위 div에서
  • 추가 data-aem-asset-id image.html 내의 <img> 요소에 직접 연결
  • 추가 data-trackable='true' image.html 내의 <img> 요소에 대한 값입니다
  • data-aem-asset-iddata-trackable='true' 동일한 노드 수준에 유지
NOTE
data-aem-asset-id='image.UUID'data-trackable='true' 는 자산 노출에 대해 표시해야 하는 주요 속성입니다. 에셋 클릭 인사이트의 경우, <img> 태그에 있는 위의 데이터 속성 외에도 상위 태그에 유효한 href 값이 있어야 합니다.

3부: Adobe Analytics — 보고서 세트 만들기, 실시간 데이터 수집 및 AEM Assets 보고 활성화 adobe-analytics-asset-insights

실시간 데이터 수집이 포함된 보고서 세트는 자산 추적을 위해 만들어집니다. AEM Assets Insights 구성은 Adobe Analytics 자격 증명을 사용하여 설정됩니다.

NOTE
Adobe Analytics 보고서 세트에 대해 실시간 데이터 수집 및 AEM 자산 보고를 활성화해야 합니다. AEM Asset Reporting을 활성화하면 자산 통찰력을 추적할 분석 변수가 예약됩니다.

AEM Assets Insights 구성의 경우 다음 자격 증명이 필요합니다

  • 데이터 센터
  • Analytics 회사 이름
  • Analytics 사용자 이름
  • 공유 암호(다음에서 가져올 수 있음) Adobe Analytics > 관리자 > 회사 설정 > 웹 서비스).
  • 보고서 세트 (자산 보고에 사용되는 올바른 보고서 세트를 선택해야 합니다.)

4부: Adobe Analytics 확장 추가에 태그 사용 part-using-launch-by-adobe-for-adding-adobe-analytics-extension

Adobe Analytics 확장 추가, 페이지 로드 규칙 만들기 및 Adobe IMS 기술 계정과 AEM 통합.

NOTE
작성자 인스턴스에서 게시 인스턴스로 모든 변경 사항을 복제해야 합니다.

규칙 1 : 페이지 추적기(pagetracker.js) rule-page-tracker-pagetracker-js

//For AEM 6.3
<script type="text/javascript" src="http://localhost:4503/etc/clientlibs/foundation/assetinsights/pagetracker.js"></script>
//For AEM 6.4
<script type="text/javascript" src="http://localhost:4503/etc.clientlibs/dam/clientlibs/assetinsights/pagetracker.js"></script>

페이지 추적기는 두 개의 호출 백(asset-embed-code에 등록됨)을 구현합니다

  • &lt;code>assetAnalytics.core.assetLoaded&lt;code> : asset-DOM 요소에 대해 '로드' 이벤트가 발송되면 호출됩니다.
  • &lt;code>assetAnalytics.core.assetClicked&lt;code> : asset-DOM 요소에 대해 '클릭' 이벤트가 발송될 때 호출됩니다. 이는 asset-DOM 요소에 유효한 외부 'href' 속성을 가진 상위로 앵커 태그가 있는 경우에만 관련됩니다.

마지막으로 페이지 추적기는 다음과 같이 초기화 기능을 구현합니다.

  • &lt;code>assetAnalytics.dispatcher.init()&lt;code> : 페이지 추적기 구성 요소를 초기화하기 위해 호출됩니다. 웹 페이지에서 자산 통찰력 이벤트(노출 횟수 및/또는 클릭 수)가 생성되기 전에 이를 호출해야 합니다.
  • &lt;code>assetAnalytics.dispatcher.init()&lt;code> : 필요한 경우 AppMeasurement 개체를 허용합니다. 제공된 경우 AppMeasurement 개체의 인스턴스를 만들지 않습니다.

규칙 2: 이미지 추적기 — 작업 1 (asset-insights.js) rule-image-tracker-action-asset-insights-js

/*
 * AEM Asset Insights
 */

var sObj = window.s;
_satellite.notify('in assetAnalytics customInit');
(function initializeAssetAnalytics() {
 if ((!!window.assetAnalytics) && (!!assetAnalytics.dispatcher)) {
 _satellite.notify('assetAnalytics ready');
 /** NOTE:
  Copy over the call to 'assetAnalytics.dispatcher.init()' from Assets Pagetracker
  Be mindful about changing the AppMeasurement object as retrieved above.
  */
 assetAnalytics.dispatcher.init(
                                "",  /** RSID to send tracking-call to */
                                "",  /** Tracking Server to send tracking-call to */
                                "",  /** Visitor Namespace to send tracking-call to */
                                "",  /** listVar to put comma-separated-list of Asset IDs for Asset Impression Events in tracking-call, e.g. 'listVar1' */
                                "",  /** eVar to put Asset ID for Asset Click Events in, e.g. 'eVar3' */
                                "",  /** event to include in tracking-calls for Asset Impression Events, e.g. 'event8' */
                                "",  /** event to include in tracking-calls for Asset Click Events, e.g. 'event7' */
                                sObj  /** [OPTIONAL] if the webpage already has an AppMeasurement object, please include the object here. If unspecified, Pagetracker Core shall create its own AppMeasurement object */
                                );
 sObj.usePlugins = true;
 sObj.doPlugins = assetAnalytics.core.updateContextData;
}
 else {
 _satellite.notify('assetAnalytics not available. Consider updating the Custom Page Code', 4);
 }
})();

규칙 2: 이미지 추적기 — 작업 2 (image-tracker.js) rule-image-tracker-action-image-tracker-js

/*
 * AEM Asset Insights
 */

document.querySelectorAll('[data-aem-asset-id]').forEach(function(element) {
    assetAnalytics.core.assetLoaded(element);
    var parent = element.parentElement;
    if (parent.nodeName == "A") {
        parent.addEventListener("click", function() {
            assetAnalytics.core.assetClicked(this)
        });
    }
});
  • assetAnalytics.core.assetLoaded() : 페이지 로드가 완료되면 호출되어 모든 추적 가능한 이미지에 대한 자산 노출을 트리거합니다
  • 로드된 자산 목록을 전달하는 Analytics 변수 : contextData['c.a.assets.idList']
  • assetAnalytics.core.assetClicked() : 자산 DOM 요소에 유효한 href 값이 있는 앵커 태그가 있으면 호출됩니다. 에셋을 클릭하면 클릭한 에셋 ID를 값으로 하는 쿠키가 만들어집니다.(쿠키 이름: a.assets.clickedid)
  • 로드된 자산 목록을 전달하는 Analytics 변수 : contextData['c.a.assets.clickedid']
  • 원본 소스: contextData['c.a.assets.source']

콘솔 디버그 문 console-debug-statements

// Tags build info
_satellite.buildInfo

//Enables debug messages
_satellite.setDebug(true);

//Asset Insight JavaScript Object
assetAnalytics

//List of trackable images
document.querySelectorAll(".cmp-image__image");

비디오에서 Analytics를 디버깅하는 방법으로 두 개의 Google Chrome 브라우저 확장 기능이 참조됩니다. 다른 브라우저에도 유사한 확장을 사용할 수 있습니다.

5부 : 분석 추적 테스트 및 인사이트 데이터 동기화 analytics-tracking-asset-insights

AEM Asset Reporting 동기화 작업 스케줄러 및 자산 통찰력 보고서 구성

recommendation-more-help
a483189e-e5e6-49b5-a6dd-9c16d9dc0519