與AEM Assets和Adobe Experience Platform Launch建立資產見解

在這5部影片系列中,我們逐步瞭解透過Adobe啟動部署的Experience Manager資產前瞻分析的設定與設定。

第1部分:資產前瞻分析概述

資產前瞻分析概述。 安裝核心元件、範例影像元件和其他內容套件,讓您的環境準備就緒。

體系結構圖

體系結構圖

注意

請務必下載最新版核心元件以供實施。

視訊使用的核心元件版本為2.2.2,不再是最新版本;請務必使用最新版本,然後再繼續下一節。

第二部分:啟用範例影像元件的資產前瞻分析追蹤

增強核心元件及資產前瞻分析使用代理元件(範例影像元件)。 編輯內容頁面範本原則,以啟用參考網站的範例影像元件。

注意

影像核心元件包含停用UUID追蹤的功能,方法是停用資產的UUID(在JCR中建立的節點的唯一識別碼值)追蹤

核心影像元件在影像標籤的父<div>內使用​data-asset-id​屬性來啟用/停用此功能。 Proxy元件會以下列變更覆寫核心元件。

  • 從image.html中<img>元素的父div移除​data-asset-id
  • 將​data-aem-asset-id​直接新增至image.html內的<img>元素
  • 將​data-trackable='true'​值新增至image.html中的<img>元素
  • data-aem-asset- id和 data-trackable='true' 維持在相同的節點層級
注意

data-aem-asset-id='image.UUID' and data-trackable='true' 是資產印象所需的關鍵屬性。對於資產點按前瞻分析,除了<img>標籤上出現的上述資料屬性外,父<a>標籤必須有有效的href值。

第3部分:Adobe Analytics— 建立報表套裝,啟用即時資料收集和AEM Assets報表

會針對資產追蹤建立包含即時資料收集的報表套裝。 AEM Assets洞見設定是使用Adobe Analytics認證來設定。

注意

您的「Adobe Analytics報表套AEM裝」必須啟用即時資料收集和資產報表功能。 啟用AEM資產報告會保留分析變數,以追蹤資產見解。

若是AEM Assets洞察分析設定,您需要下列認證

  • 資料中心
  • Analytics公司名稱
  • Analytics使用者名稱
  • 共用密碼(可從​Adobe Analytics>管理>公司設定>網站服務​取得)。
  • 報表套裝(請確定選取用於資產報表的正確報表套裝)

第四部分:使用Adobe Experience Platform Launch添加Adobe Analytics分機

新增Adobe Analytics擴充功能、建立頁面載入規則AEM及與Launch整合與AdobeIMS技術帳戶。

注意

請務必將您的所有變更從作者執行個體複製至發佈執行個體。

規則1:頁面追蹤器(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>

頁面追蹤器實作兩個回呼(已在資產內嵌代碼中註冊)

  • &lt;code>assetAnalytics.core.assetLoaded&lt;/code> <code><code>:呼叫。</code></code>
  • &lt;code>assetAnalytics.core.assetClicked&lt;/code> <code><code>:呼叫時,只有當asset-DOM-element具有父項錨記且具有有效的外部'href'屬性時,才會對asset-DOM-element傳送'click'事件,而此情況相關</code></code>

最後,Pagetracker將初始化函式實作。

  • &lt;code>assetAnalytics.dispatcher.init()&lt;/code> <code><code>:呼叫,以初始化Pagetracker元件。</code></code> 必須在從網頁產生任何資產前瞻分析事件(印象和/或點按)之前呼叫此ID。
  • &lt;code>assetAnalytics.dispatcher.init()&lt;/code> <code><code>:(可選)接受AppMeasurement物件— 如果提供,則不會嘗試建立AppMeasurement物件的新例項。</code></code>

規則2:影像追蹤器— 動作1(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)

/*
 * 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為值建立Cookie。(Cookie名稱:a.assets.clickedid)
  • 載入資產清單的Analytics變數:contextData['c.a.assets.clickedid']
  • 來源:contextData['c.a.assets.source']

控制台調試語句

//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切換至除錯模式:啟動和DTM交換機。 這可讓您更輕鬆地查看是否有與DTM部署相關的錯誤。 此外,您還可以透過任何瀏覽器​開發人員工具-> JS Console,手動將DTM切換為除錯模式,方法是新增下列程式碼片段:

第五部分:測試分析追蹤與同步分析資料

設定AEM資產報表同步作業排程器和資產前瞻分析報表

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now