在這5個部分影片系列中,我們會逐步說明透過Launch部署的Experience Manager資產深入分析的設定和設定。
資產前瞻分析概述。 安裝核心元件、範例影像元件和其他內容套件,讓您的環境準備就緒。
請務必下載 最新版核心元件 的URL。
影片使用核心元件v2.2.2,而非最新版本;請務必使用最新版本,再繼續前往下一節。
增強核心元件,以及為資產分析使用代理元件(範例影像元件)。 編輯內容頁面範本原則,以啟用參考網站的範例影像元件。
影像核心元件包含停用資產UUID(JCR內建立之節點的唯一識別碼值)追蹤功能,以停用UUID追蹤功能
核心影像元件使用 data-asset-id 屬性 <div> 啟用/停用此功能的影像標籤。 代理元件會以下列變更覆寫核心元件。
data-aem-asset-id='image.UUID' 和 data-trackable='true' 是資產曝光數所需的關鍵屬性。 若為資產點擊前瞻分析,除了標籤中出現的上述資料屬 <img> 性外,父標籤必須具有有效的href值。
系統會為資產追蹤建立即時資料收集的報表套裝。 AEM Assets Insights設定是使用Adobe Analytics憑證設定。
您必須為Adobe Analytics報表套裝啟用即時資料收集和AEM資產報表。 啟用AEM Asset Reporting會保留分析變數,以追蹤資產分析。
若為AEM Assets Insights設定,您需要下列憑證
新增Adobe Analytics擴充功能、建立頁面載入規則以及整合AEM與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>
頁面追蹤器實作兩個回呼(在asset-embed-code中註冊)
最後,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");
影片會參照兩個Google Chrome瀏覽器擴充功能,作為Analytics除錯的方式。 其他瀏覽器也提供類似的擴充功能。
您也可以透過下列Chrome擴充功能,將DTM切換至除錯模式: Launch和DTM交換機. 這可讓您更輕鬆查看是否有任何與DTM部署相關的錯誤。 此外,您可以透過任何瀏覽器手動將DTM切換為除錯模式 開發人員工具 — > JS主控台 新增下列程式碼片段:
設定AEM Asset Reporting同步作業排程器和Assets Insights報表