擴充事件追蹤

AEM Analytics可讓您追蹤網站上的使用者互動。 身為開發人員，您可能需要：

注意

這項資訊基本上是一般的，但是會使用 Adobe Analytics 做為特定範例。

有關開發元件和對話框的一般資訊，請參 閱開發元件。

自訂事件

自訂事件會追蹤任何與頁面上特定元件可用性相關的項目。 這也包含範本特定的事件，因為page-component會被視為另一個元件。

追蹤頁面載入上的自訂事件

這可以使用偽屬性來完成( data-tracking 舊記錄屬性仍支援回溯相容性)。 您可以將它新增至任何HTML標籤。

的語 data-tracking 法

  • data-tracking="{'event': ['eventName'], 'values': {'key': 'value', 'nextKey': 'nextValue'}, componentPath: 'myapp/component/mycomponent'}"

您可以將任意數量的鍵值對作為第二個參數傳遞，即稱為有效負載。

例如：

<span data-tracking="{event:'blogEntryView', 
                                values:{
                                   'blogEntryContentType': 'blog', 
                                   'blogEntryUniqueID': '<%= xssAPI.encodeForJSString(entry.getId()) %>',
                                   'blogEntryTitle': '<%= xssAPI.encodeForJSString(entry.getTitle()) %>',
                                   'blogEntryAuthor':'<%= xssAPI.encodeForJSString(entry.getAuthor()) %>',
                                   'blogEntryPageLanguage':'<%= currentPage.getLanguage(true) %>'
                                },
                                componentPath:'myapp/component/mycomponent'}">
</span>

在頁面載入時， data-tracking 所有屬性都會收集並新增至ContextHub的事件儲存區，以便對應至Adobe Analytics事件。 Adobe Analytics將不會追蹤未映射的事件。 如需 對應事件的詳細資訊，請參閱 「連線至Adobe Analytics」。

頁面載入後追蹤自訂事件

若要追蹤載入頁面後發生的事件（例如使用者互動），請使用 CQ_Analytics.record JavaScript函式：

  • CQ_Analytics.record({event: 'eventName', values: { valueName: 'VALUE' }, collect: false, options: { obj: this, defaultLinkType: 'X' }, componentPath: '<%=resource.getResourceType()%>'})

位置

  • events 是字串或字串陣列（針對多個事件）。

  • values 包含所有要追蹤的值

  • collect 為可選項，並將返回包含事件和資料對象的陣列。

  • options 為選用項目，並包含HTML元素和等連結追蹤 obj 選項 [defaultLinkType](https://microsite.omniture.com/t2/help/en_US/sc/implement/index.html#linkType)。

  • componentPath 是必要的屬性，建議將其設為 <%=resource.getResourceType()%>

例如，在下列定義中，使用者按一下「跳至頂端 」連結會引發 兩個事件 jumptop headlineclick，以及：

<h1 data-tracking="{event: 'headline', values: {level:'1'}, componentPath: '<%=resource.getResourceType()%>'}">
  My Headline <a href="#" onclick="CQ_Analytics.record({event: ['jumptop','headlineclick'],  values: {level:'1'}, componentPath: '<%=resource.getResourceType()%>'})">Jump to top</a>
</h1>

訪問ContextHub中的值

ContextHub JavaScript API有一個函式， getStore(name) 可傳回指定的商店（如果有的話）。 商店有一個函 getItem(key) 數，可返回指定索引鍵的值（如果可用）。 使用該 getKeys() 函式，可檢索特定儲存的已定義鍵的陣列。

使用函式系結函式，可通知您商店上的值變 ContextHub.getStore(name).eventing.on(ContextHub.Constants.EVENT_STORE_UPDATED, handler, selector, triggerForPastEvents) 更。

要獲得ContextHub初始可用性通知的最佳方式是使用此函 ContextHub.eventing.on(ContextHub.Constants.EVENT_ALL_STORES_READY, handler, selector, triggerForPastEvents); 數。

ContextHub的其他事件：

所有商店都準備就緒：

ContextHub.eventing.on(ContextHub.Constants.EVENT_ALL_STORES_READY, handler, selector, triggerForPastEvents);

特定商店：

ContextHub.getStore(store).eventing.on(ContextHub.Constants.EVENT_STORE_READY, handler, selector, triggerForPastEvents)

注意

另請參閱完整的 ContextHub API參考

添加記錄回呼

在使用函式和註冊回呼之前和之 CQ_Analytics.registerBeforeCallback(callback,rank) 後 CQ_Analytics.registerAfterCallback(callback,rank)。

這兩個函式都將函式作為第一個引數，將排名作為第二個引數，這決定了回呼的執行順序。

如果您的回呼傳回false，將不會執行執行鏈中後續的回呼。

本頁內容