이 5개 비디오 시리즈에서는 Adobe 시작을 통해 배포된 Experience Manager에 대한 자산 인사이트의 설정 및 구성을 살펴봅니다.
자산 인사이트 개요. 핵심 구성 요소, 샘플 이미지 구성 요소 및 기타 컨텐츠 패키지를 설치하여 환경을 바로 사용할 수 있습니다.
구현을 위해 최신 버전의 핵심 구성 요소를 다운로드하십시오.
비디오는 더 이상 최신 버전이 아닌 핵심 구성 요소 v2.2.2을 사용합니다.다음 섹션으로 이동하기 전에 반드시 최신 버전을 사용하십시오.
자산 인사이트에 대한 핵심 구성 요소 및 프록시 구성 요소(샘플 이미지 구성 요소) 사용 개선 사항. 참조 사이트에 대한 샘플 이미지 구성 요소를 활성화하기 위해 컨텐츠 페이지 템플릿 정책을 편집합니다.
이미지 핵심 구성 요소에는 자산의 UUID 추적을 비활성화하여 UUID 추적을 비활성화하는 기능이 포함되어 있습니다(JCR 내에 생성된 노드의 고유 식별자 값).
핵심 이미지 구성 요소는 이미지 태그의 상위 <div> 내에 있는 data-asset-id 속성을 사용하여 이 기능을 활성화/비활성화합니다. 프록시 구성 요소는 다음 변경 사항으로 핵심 구성 요소를 무시합니다.
data-aem-asset-id='image.UUID' 및 data-trackable='true' 는 자산 노출 횟수에 표시되어야 하는 주요 속성입니다. 자산 클릭 인사이트의 경우, <img> 태그에 있는 위의 데이터 속성 외에도 상위 <a> 태그에 유효한 href 값이 있어야 합니다.
실시간 데이터 수집이 있는 보고서 세트가 자산 추적에 대해 만들어집니다. AEM Assets Insights 구성은 Adobe Analytics 자격 증명을 사용하여 설정합니다.
Adobe Analytics 보고서 세트에 대해 실시간 데이터 수집 및 AEM 자산 보고를 활성화해야 합니다. AEM Asset Reporting을 활성화하면 자산 통찰력을 추적하기 위한 분석 변수가 예약됩니다.
AEM Assets 인사이트 구성의 경우 다음 자격 증명이 필요합니다.
Adobe Analytics Extension 추가, 페이지 로드 규칙 만들기 및 Launch와 Adobe IMS 기술 계정 통합을 참조하십시오.
작성 인스턴스에서 게시 인스턴스로 모든 변경 사항을 복제해야 합니다.
//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>
페이지 추적기는 두 개의 호출 백(자산 포함 코드에 등록됨)을 구현합니다.
마지막으로 Pagetracker는 초기화 함수를 구현합니다.
/*
* 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);
}
})();
/*
* 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)
});
}
});
//Launch Build Info
_satellite.buildInfo
//Enables debug messages
_satellite.setDebug(true);
//Asset Insight JS Object
assetAnalytics
//List of trackable images
document.querySelectorAll(".cmp-image__image");
2개의 Google Chrome 브라우저 익스텐션은 Analytics를 디버깅하는 방법으로 비디오에서 참조됩니다. 유사한 익스텐션은 다른 브라우저에서도 사용할 수 있습니다.
다음과 같은 Chrome 확장명으로 DTM을 디버그 모드로 전환할 수도 있습니다.시작 및 DTM 스위치. 따라서 DTM 배포와 관련된 오류가 있는지 쉽게 확인할 수 있습니다. 또한 다음 코드 조각을 추가하여 브라우저 개발자 도구 -> JS 콘솔을 통해 DTM을 디버그 모드로 수동으로 전환할 수 있습니다.
AEM Asset Reporting 동기화 작업 스케줄러 및 자산 통찰력 보고서 구성