整合AEM Sites和Adobe Analytics

登入Experience Platform並 建立Tag屬性 （如果沒有）。

確認初始標籤JavaScript 資料庫已建立 並提升至標籤 環境.

從程式庫已發佈到的標籤環境中複製JavaScript內嵌程式碼。

在您的瀏覽器中，開啟新標籤並導覽至 WKND網站

開啟Experience Platform Debugger瀏覽器擴充功能

瀏覽至 Experience Platform標籤 > 設定 和下 插入的內嵌程式碼 將現有的內嵌程式碼取代為 您的 內嵌程式碼是從步驟3複製。

啟用 主控台記錄 和 鎖定 WKND標籤上的除錯工具。

瀏覽至 WKND網站.

開啟瀏覽器的開發人員工具，並導覽至 主控台. 執行以下命令：

adobeDataLayer.getState();

上述程式碼會傳回Adobe使用者端資料層的目前狀態。

展開回應並檢查 page 登入點。 您應該會看到類似以下的資料結構：

page-2eee4f8914:
    @type: "wknd/components/page"
    dc:description: WKND is a collective of outdoors, music, crafts, adventure sports, and travel enthusiasts that want to share our experiences, connections, and expertise with the world.
    dc:title: "WKND Adventures and Travel"
    repo:modifyDate: "2020-08-31T21:02:21Z"
    repo:path: "/content/wknd/us/en.html"
    xdm:language: "en-US"
    xdm:tags: ["Attract"]
    xdm:template: "/conf/wknd/settings/wcm/templates/landing-page-template"

若要將頁面資料傳送至Adobe Analytics，請使用以下標準屬性 dc:title， xdm:language、和 xdm:template 資料層的URL。

如需詳細資訊，請檢閱 頁面結構描述 核心元件資料結構描述中的。

導覽至Experience Platform並進入與AEM網站整合的標籤屬性。

導覽至 規則 區段，然後按一下 建立新規則.

為規則命名 頁面已載入.

在 活動 子區段，按一下 新增 以開啟 事件設定 精靈。

的 事件型別 欄位，選取 自訂程式碼.

按一下 開啟編輯器 在主面板中，輸入下列程式碼片段：

var pageShownEventHandler = function(evt) {
   // defensive coding to avoid a null pointer exception
   if(evt.hasOwnProperty("eventInfo") && evt.eventInfo.hasOwnProperty("path")) {
      //trigger the Tag Rule and pass event
      console.log("cmp:show event: " + evt.eventInfo.path);
      var event = {
         //include the path of the component that triggered the event
         path: evt.eventInfo.path,
         //get the state of the component that triggered the event
         component: window.adobeDataLayer.getState(evt.eventInfo.path)
      };

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

//set the namespace to avoid a potential race condition
window.adobeDataLayer = window.adobeDataLayer || [];
//push the event listener for cmp:show into the data layer
window.adobeDataLayer.push(function (dl) {
   //add event listener for `cmp:show` and callback to the `pageShownEventHandler` function
   dl.addEventListener("cmp:show", pageShownEventHandler);
});

上述程式碼片段會依照以下方式新增事件接聽程式 推送函式 並放入資料層。 時間 cmp:show 事件是以下動作觸發： pageShownEventHandler 呼叫函式。 在此函式中，新增了一些健全性檢查和一個新的 event 建構使用最新的 資料層的狀態 用於觸發事件的元件。

最後 trigger(event) 呼叫函式。 此 trigger() 函式是標籤屬性中的保留名稱，它 觸發器 規則。 此 event 物件會作為引數傳遞，而引數會由tag屬性中的另一個保留名稱公開。 標籤屬性中的資料元素現在可以使用程式碼片段（例如），參照各種屬性 event.component['someKey'].

儲存變更。

下一個在 動作 按一下 新增 以開啟 動作設定 精靈。

的 動作型別 欄位，選擇 自訂程式碼.

按一下 開啟編輯器 在主面板中，輸入下列程式碼片段：

console.log("Page Loaded ");
console.log("Page name: " + event.component['dc:title']);
console.log("Page type: " + event.component['@type']);
console.log("Page template: " + event.component['xdm:template']);

此 event 物件傳遞自 trigger() 在自訂事件中呼叫的方法。 在此， component 是從資料層衍生的目前頁面 getState 在自訂事件中。

儲存變更並執行 版本編號 將程式碼提升至 環境 用於您的AEM網站。

導覽至您的AEM網站，然後開啟開發人員工具以檢視主控台。 重新整理頁面，您應該會看到主控台訊息已記錄：

導覽至Experience Platform並進入與AEM網站整合的標籤屬性。

導覽至 資料元素 區段並按一下 建立新資料元素.

對於 名稱 欄位，輸入 元件資源型別.

對於 資料元素型別 欄位，選取 自訂程式碼.

按一下 開啟編輯器 按鈕，並在自訂程式碼編輯器中輸入下列內容：

if(event && event.component && event.component.hasOwnProperty('@type')) {
    return event.component['@type'];
}

儲存變更。

按一下 新增資料元素 按鈕

對於 名稱 欄位，輸入 頁面名稱.

對於 資料元素型別 欄位，選取 自訂程式碼.

按一下 開啟編輯器 按鈕，然後在自訂程式碼編輯器中輸入下列內容：

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

儲存變更。

按一下 新增資料元素 按鈕

對於 名稱 欄位，輸入 頁面範本.

對於 資料元素型別 欄位，選取 自訂程式碼.

按一下 開啟編輯器 按鈕，然後在自訂程式碼編輯器中輸入下列內容：

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

儲存變更。

規則中現在應該包含三個資料元素：

導覽至Experience Platform並進入與AEM網站整合的標籤屬性。

前往 擴充功能 > 目錄

找到 Adobe Analytics 擴充功能並按一下 安裝

在 程式庫管理 > 報表套裝，輸入您要用於每個標籤環境的報表套裝id。

核取方塊以啟用 使用Activity Map.

在 一般 > 追蹤伺服器，輸入您的追蹤伺服器，例如 tmd.sc.omtrdc.net. 如果您的網站支援，請輸入SSL追蹤伺服器 https://

按一下 儲存 以儲存變更。

在標籤屬性UI中，導覽至 頁面已載入 規則先前已建立。

在 條件 按一下 新增 以開啟 條件設定 精靈。

的 條件型別 欄位，選取 值比較 選項。

將表單欄位中的第一個值設為 %Component Resource Type%. 您可以使用資料元素圖示 以選取 元件資源型別 資料元素。 將比較器保留設為 Equals.

將第二個值設為 wknd/components/page.

儲存變更。

在「頁面已載入」規則中， 移除 此 核心 — 自訂程式碼 動作（主控台陳述式）：

在動作子區段下，按一下 新增 以新增動作。

設定 副檔名 輸入至 Adobe Analytics 並設定 動作型別 至 設定變數

在主面板中，選取可用的 eVar 並設為資料元素的值 頁面範本. 使用資料元素圖示 以選取 頁面範本 元素。

向下捲動，在下 其他設定 設定 頁面名稱 至資料元素 頁面名稱：

儲存變更。

接下來，在「 」的右側新增一個額外動作 Adobe Analytics — 設定變數 點選 加 圖示：

設定 副檔名 輸入至 Adobe Analytics 並設定 動作型別 至 傳送信標. 由於此動作會視為頁面檢視，請將預設追蹤設為 s.t().

儲存變更。 此 頁面已載入 規則現在應具有下列設定：

• 1. 聆聽 cmp:show 事件。
• 2. 檢查事件是否由頁面觸發。
• 3. 設定Analytics變數 頁面名稱 和 頁面範本
• 4. 傳送Analytics頁面檢視信標

儲存所有變更並建置您的標籤程式庫，升級至適當的環境。

開啟 WKND網站 在您的瀏覽器中。

按一下Debugger圖示 以開啟Experience PlatformDebugger。

確認Debugger將標籤屬性對應至 您的 開發環境，如先前和所述 主控台記錄 已勾選。

開啟Analytics功能表，並確認報表套裝已設為 您的 報告套裝。 頁面名稱也應填入：

向下捲動並展開 網路要求. 您應該能夠找到 evar 為 頁面範本：

返回瀏覽器並開啟開發人員主控台。 按一下 輪播 ，位於頁面頂端。

在瀏覽器主控台中觀察主控台陳述式：

這是因為轉盤確實會觸發 cmp:show 事件 但是 因為我們檢查了 元件資源型別，不會引發任何事件。

導覽至文章頁面，例如 西澳洲. 觀察該頁面名稱和範本型別的變更。