整合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等標準屬性。

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

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

導覽至標籤屬性UI中的​ 規則 ​區段，然後按一下​ 建立新規則。

將規則​ 頁面載入名稱。

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

針對​ 事件型別 ​欄位，選取​ 自訂程式碼。

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

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物件傳遞為引數，而該引數又由標籤屬性中的另一個保留名稱公開。 標籤屬性中的資料元素現在可以使用程式碼片段（例如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網站整合的標籤屬性。

導覽至​ 資料元素 ​區段，然後按一下​ 建立新資料元素。

在​ Name ​欄位中，輸入​ 元件資源型別。

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

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

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'];
}

儲存變更。

按一下​ 新增資料元素 ​按鈕

在​ Name ​欄位中，輸入​ 頁面範本。

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

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

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。 如果您的網站支援https://，請輸入SSL追蹤伺服器

按一下[儲存]儲存變更。​

在標籤屬性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事件​ ，但由於我們檢查​ 元件資源型別，因此未引發任何事件。

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