行為目標定位

首頁：當使用者在瀏覽​ 巴厘島衝浪營、河邊露營 ​或​ 太浩滑雪場 ​冒險頁面後造訪首頁時，他們被分類為​ 家庭旅行者 ​對象，並在​ 下一個冒險 ​部分上方看到個人化的英雄部分。

冒險頁面：使用者檢視​ Bali Surf Camp ​或​ Surf Camp In Costa Rica ​冒險頁面時，他們被分類為​ 衝浪興趣 ​對象，並在冒險頁面上看到個人化的英雄區段。

雜誌頁面：當使用者閱讀​ 三篇或更多 ​篇文章時，他們被分類為​ 雜誌讀者 ​對象，並在雜誌頁面上看到個人化的英雄區段。

在​ Adobe Experience Platform ​首頁中，從左側導覽按一下​ 結構描述，然後按一下​ 建立結構描述。

在​ 建立結構描述 ​精靈中，針對​ 結構描述詳細資料 ​步驟，選取​ 體驗事件 ​選項並按一下​ 下一步。

針對​ 名稱與檢閱 ​步驟，請輸入下列內容：

• 結構描述顯示名稱： WKND-RDE-Behavioral-Targeting
• 已選取​ 類別： XDM ExperienceEvent

更新結構，如下所示：

• 新增欄位群組： AEP Web SDK ExperienceEvent
• 設定檔：啟用

按一下​ 儲存 ​以建立結構描述。

在​ Adobe Experience Platform ​中，從左側導覽按一下​ 資料集，然後按一下​ 建立資料集。

在​ 建立資料集 ​步驟中，選取​ 從結構描述建立資料集 ​選項並按一下​ 下一步。

在​ 從結構描述建立資料集 ​精靈中，針對​ 選取結構描述 ​步驟，選取​ WKND-RDE-Behavioral-Targeting ​結構描述，然後按一下​ 下一步。

對於​ 設定資料集 ​步驟，請輸入下列內容：

• 名稱： WKND-RDE-Behavioral-Targeting
• 描述：要儲存頁面檢視資料的資料集

按一下​ 完成 ​以建立資料集。

更新資料集，如下所示：

• 設定檔：啟用

在​ Adobe Experience Platform ​中，從左側導覽按一下​ 資料流，然後按一下​ 建立資料流。

在​ 新資料流 ​步驟中，輸入下列內容：

• 名稱： WKND-RDE-Behavioral-Targeting
• 描述：將頁面檢視資料傳送至Experience Platform的資料流
• 對應結構描述： WKND-RDE-Behavioral-Targeting
  按一下​ 儲存 ​以建立資料流。

建立Datastream後，按一下​ 新增服務。

在​ 新增服務 ​步驟中，從下拉式清單中選取​ Adobe Experience Platform，然後輸入下列內容：

• 事件資料集： WKND-RDE-Behavioral-Targeting
• 設定檔資料集： WKND-RDE-Behavioral-Targeting
• Offer Decisioning：啟用
• Edge分段：啟用
• Personalization目的地：啟用

按一下​ 儲存 ​以新增服務。

在​ 新增服務 ​步驟中，從下拉式清單中選取​ Adobe Target，然後輸入​ 目標環境ID。 您可以在Adobe Target的​ 管理 > 環境 ​下找到目標環境ID。 按一下​ 儲存 ​以新增服務。

在​ Adobe Experience Platform ​中，從左側導覽按一下​ 標籤，然後按一下​ 新增屬性 ​按鈕。

在​ 建立屬性 ​對話方塊中，輸入下列內容：

• 屬性名稱： WKND-RDE-Behavioral-Targeting
• 屬性型別：選取​ 網頁
• 網域：部署屬性的網域（例如，.adobeaemcloud.com）

按一下​ 儲存 ​以建立屬性。

開啟新屬性，從左側導覽按一下​ 擴充功能，然後按一下​ 目錄 ​標籤。 搜尋​ 網頁SDK ​並按一下​ 安裝 ​按鈕。

在​ 安裝擴充功能 ​對話方塊中，選取您先前建立的​ 資料流，然後按一下​ 儲存。

從左側導覽按一下​ 資料元素，然後按一下​ 建立新資料元素 ​按鈕。

在​ 建立新資料元素 ​對話方塊中，輸入下列內容：

• 名稱：主機名稱

• 延伸模組：選取​ 核心

• 資料元素型別：選取​ 自訂程式碼

• 開啟編輯器 ​按鈕，然後輸入下列程式碼片段：

  code language-javascript
  if(window && window.location && window.location.hostname) { return window.location.hostname; }

同樣地，建立下列資料元素：

• 名稱：網站區域

• 延伸模組：選取​ 核心

• 資料元素型別：選取​ 自訂程式碼

• 開啟編輯器 ​按鈕，然後輸入下列程式碼片段：

  code language-javascript

  if(event && event.component && event.component.hasOwnProperty('repo:path')) { let pagePath = event.component['repo:path']; let siteSection = ''; //Check for html String in URL. if (pagePath.indexOf('.html') > -1) { siteSection = pagePath.substring(0, pagePath.lastIndexOf('.html')); //replace slash with colon siteSection = siteSection.replaceAll('/', ':'); //remove `:content` siteSection = siteSection.replaceAll(':content:',''); } return siteSection }

• 名稱：頁面名稱

• 延伸模組：選取​ 核心

• 資料元素型別：選取​ 自訂程式碼

• 開啟編輯器 ​按鈕，然後輸入下列程式碼片段：

  code language-javascript
  if(event && event.component && event.component.hasOwnProperty('dc:title')) { // return value of 'dc:title' from the data layer Page object, which is propagated via 'cmp:show' event return event.component['dc:title']; }

接下來，建立​ 變數 ​型別的資料元素。 此資料元素在傳送至Experience Platform之前會填入頁面詳細資訊。

• 名稱： XDM變數頁面檢視
• 擴充功能：選取​ Adobe Experience Platform Web SDK
• 資料元素型別：選取​ 變數

在右側面板中，

• 沙箱：選取您的沙箱
• 結構描述：選取​ WKND-RDE-Behavioral-Targeting ​結構描述

按一下​ 儲存 ​以建立資料元素。

在您的​ 資料元素 ​清單中，您應該有四個資料元素：

從左側導覽按一下​ 規則，然後按一下​ 建立新規則 ​按鈕。

在​ 建立新規則 ​對話方塊中，輸入下列內容：

• 名稱：所有頁面 — 載入中

• 針對​ 事件 ​區段，按一下​ 新增 ​以開啟​ 事件設定 ​精靈。

  • 延伸模組：選取​ 核心

  • 事件型別：選取​ 自訂程式碼

  • 開啟編輯器 ​按鈕，然後輸入下列程式碼片段：

    code language-javascript

    var pageShownEventHandler = function(evt) { // defensive coding to avoid a null pointer exception if(evt.hasOwnProperty("eventInfo") && evt.eventInfo.hasOwnProperty("path")) { //trigger Launch Rule and pass event console.debug("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 Launch Rule, passing in the new 'event' object // the 'event' obj can now be referenced by the reserved name 'event' by other Launch 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); });

• 針對​ 條件 ​區段，按一下​ 新增 ​以開啟​ 條件組態 ​精靈。

  • 邏輯型別：選取​ Regular

  • 延伸模組：選取​ 核心

  • 條件型別：選取​ 自訂程式碼

  • 開啟編輯器 ​按鈕，然後輸入下列程式碼片段：

    code language-javascript
    if(event && event.component && event.component.hasOwnProperty('@type') && event.component.hasOwnProperty('xdm:template')) { console.log('The cmp:show event is from PAGE HANDLE IT'); return true; }else{ console.log('The cmp:show event is NOT from PAGE IGNORE IT'); return false; }

• 針對​ 動作 ​區段，按一下​ 新增 ​以開啟​ 動作組態 ​精靈。

  • 擴充功能：選取​ Adobe Experience Platform Web SDK

  • 動作型別：選取​ 更新變數

  • 將​ Web > webPageDetails > name ​對應到​ Page Name ​資料元素

    

  • 同樣地，將​ 伺服器 ​對應至​ 主機名稱 ​資料元素，並將​ siteSection ​對應至​ 網站區段 ​資料元素。 針對​ pageView > 值，請輸入1以表示頁面檢視事件。

  • 按一下​ 保留變更 ​以儲存動作組態。

• 再次，按一下[新增] ​ ​以新增其他動作，並開啟​ 動作組態 ​精靈。

  • 擴充功能：選取​ Adobe Experience Platform Web SDK
  • 動作型別：選取​ 傳送事件
  • 在右側面板的​ 資料 ​區段中，將​ XDM-Variable Pageview ​資料元素對應至​ 網頁詳細資料頁面檢視 ​型別。

  

  • 此外，在右側面板的​ Personalization ​區段中，勾選​ 呈現視覺個人化決策 ​選項。 然後，按一下​ 保留變更 ​以儲存動作。

  

• 按一下​ 保留變更 ​以儲存規則。

您的規則應如下所示：

從左側導覽按一下​ 發佈流程，然後按一下​ 新增資料庫 ​按鈕。

在​ 新增程式庫 ​對話方塊中，輸入下列內容：

• 名稱： 1.0
• 環境：選取​ 開發
• 按一下​ 新增所有變更的資源 ​以選取所有資源。

按一下​ 儲存並建置至開發 ​以建立程式庫。

為​ 開發 ​泳道建置資料庫後，按一下省略符號（三個點）並選取​ 核准並發佈到生產環境 ​選項。

在​ Adobe Experience Platform ​中，從左側導覽按一下​ 設定檔，然後按一下​ 合併原則 ​索引標籤。

您可以使用現有的合併原則，但在本教學課程中，系統會使用下列設定建立新的合併原則：

請確定同時啟用​ 預設合併原則 ​和​ Edge上的Active-On合併原則 ​選項。 這些設定可確保您的行為資料正確統一，並可用於即時對象評估。

在​ Adobe Experience Platform ​中，從左側導覽按一下​ 目的地，然後按一下​ 目錄 ​索引標籤並依​ Personalization ​篩選，然後選取​ (v2) Adobe Target ​目的地。

在​ 啟用目的地 ​步驟中，提供目的地的名稱，然後按一下​ 連線到目的地 ​按鈕。

在​ 目的地詳細資料 ​區段中，輸入下列內容：

• 名稱： WKND-RDE-Behavioral-Targeting-Destination
• 描述：行為鎖定目標對象的目的地
• 資料流：選取您先前建立的​ 資料流
• Workspace：選取您的Adobe Target工作區

按一下​ 下一步 ​並完成目的地組態。

在​ Adobe Experience Platform ​中，從左側導覽按一下​ 對象，然後按一下​ 建立對象 ​按鈕。

在​ 建立對象 ​對話方塊中，選取​ 建置規則 ​選項，然後按一下​ 建立 ​按鈕。

在​ 建立 ​步驟中，輸入下列內容：

• 姓名：家庭旅行者
• 描述：造訪過適閤家庭的冒險頁面的使用者
• 評估方法：選取​ Edge （用於即時對象評估）

然後，按一下「事件」標籤，並導覽至「網頁」>「網頁詳細資料」，並將「URL」欄位拖放至「事件規則」區段。 將​ URL ​欄位再拖曳兩次到​ 事件規則 ​區段。 輸入下列值：

• URL：選取​ 包含 ​選項，然後輸入riverside-camping-australia
• URL：選取​ 包含 ​選項，然後輸入bali-surf-camp
• URL：選取​ 包含 ​選項，然後輸入gastronomic-marais-tour

在​ 事件 ​區段中，選取​ 今天 ​選項。 您的對象應如下所示：

檢閱對象，然後按一下​ 啟用至目的地 ​按鈕。

在​ 啟用至目的地 ​對話方塊中，選取您先前建立的Adobe Target目的地，並依照步驟啟用對象。

AEP中還沒有資料，因此對象數為0。 一旦使用者開始造訪網站，就會收集資料且對象人數會增加。

登入Adobe Experience Cloud，並從「應用程式切換器」或「快速存取」區段導覽至​ Experience Manager。

導覽至您的AEM作者環境，然後按一下​ 網站 ​按鈕。

在AEM中，按一下​ 體驗片段

導覽至​ WKND網站片段 ​資料夾，然後導覽至​ 精選 ​子資料夾並按一下​ 建立 ​按鈕。

在​ 建立體驗片段 ​對話方塊中，選取Web變數範本，然後按一下​ 下一步。

透過新增Teaser元件來製作新建立的體驗片段，並使用與家庭旅行者相關的內容來自訂該片段。 新增引人入勝的標題、說明和call-to-action，吸引對冒險旅遊感興趣的家庭閱讀。

選取編寫的體驗片段，然後按一下​ 匯出至Adobe Target ​按鈕。

登入Adobe Experience Cloud，並從「應用程式切換器」或「快速存取」區段導覽至​ Adobe Target。

在Adobe Target中，按一下「對象」，然後確認已建立「家庭旅客對象」。

按一下對象，您就能檢視對象詳細資料並驗證其是否已正確設定。

接著，按一下「選件」，確認AEM匯出的選件存在。 在此案例中，選件（或體驗片段）稱為​ 全家人的冒險體驗。

在Adobe Target中，按一下​ 活動，然後按一下​ 建立活動 ​按鈕並選取​ 體驗鎖定目標 ​活動型別。

在​ 建立體驗鎖定目標活動 ​對話方塊中，選取​ Web ​型別和​ Visual ​撰寫器選項，並輸入WKND網站首頁URL。 按一下「建立」按鈕以建立活動。

在編輯器中，選取​ 家庭旅行者 ​對象，並在​ 下一個冒險 ​區段之前新增​ 全家人的冒險體驗 ​優惠。 請參閱下方的熒幕擷圖以供參考。

按一下「下一步」​ ​並使用適當的目標與度量設定​ 目標與設定 ​區段，然後啟動它以即時推送變更。

造訪已發佈的網站（例如，WKND啟用網站），並瀏覽​ 巴厘島衝浪營 ​或​ 河邊露營 ​或​ 太浩滑雪場 ​冒險頁面。 請務必在頁面上至少花費30秒來觸發頁面檢視事件，並允許收集資料。

接著，重新造訪首頁，您應該會在「下一個冒險」區段之前，看到​ 家庭旅行者 ​對象的個人化體驗。

開啟瀏覽器的開發人員工具，並檢查​ 網路 ​標籤。 依interact篩選，以尋找Web SDK請求。 請求應該會顯示網頁SDK事件詳細資料。

回應應包含Adobe Target所做的個人化決定，表示您屬於​ 家庭旅行者 ​對象。

首頁：針對家庭旅行者對象，下一個冒險 ​區段上方會顯示個人化主圖優惠。 當使用者造訪首頁並造訪過​ 巴厘島衝浪營 ​或​ 河濱野營 ​或​ 太浩滑雪場 ​冒險頁面時，該使用者被分類為​ 家庭旅行者 ​受眾。 對象型別為​ Edge，因此會即時進行評估。

冒險頁面：對於衝浪愛好者，冒險頁面會顯示個人化的英雄區段。 當使用者檢視​ Bali Surf Camp ​或​ Surf Camp In Costa Rica ​冒險頁面時，使用者被分類為​ 衝浪興趣 ​對象。 對象型別為​ 批次，因此評估不是即時的，而是經過一天等的一段時間。 對於再度訪問的訪客很有用。

雜誌頁面：對於Magazine讀者，該雜誌頁面會顯示個人化的主圖區段。 當使用者閱讀​ 三篇或更多 ​篇文章時，使用者會被分類為​ 雜誌讀者 ​對象。 對象型別為​ 批次，因此評估不是即時的，而是經過一天等的一段時間。 對於再度訪問的訪客很有用。