實驗 (A/B 測試)
瞭解如何使用Adobe Target在AEM as a Cloud Service (AEMCS)網站上測試不同的內容變數。
A/B測試可協助您比較不同內容版本,以判斷哪些版本在達成業務目標方面表現更好。 常見案例包括:
- 測試登陸頁面上的標題、影像或call-to-action按鈕的變化
- 比較產品詳細資料頁面的不同版面配置或設計
- 評估促銷優惠或折扣策略
示範使用案例
在本教學課程中,您為WKND網站上的Camping in Western Australia Experience Fragment (XF)設定A/B測試。 您可以建立三個XF變數,並透過Adobe Target管理A/B測試。
變化會顯示在WKND首頁,讓您測量效能並判斷哪些版本可促進參與和轉換。
即時示範
請造訪WKND啟用網站檢視A/B測試的實際運作情況。 在下列影片中,您會看到首頁上透過不同瀏覽器顯示的 西澳洲露營 的所有三種變化。
先決條件
繼續實驗使用案例之前,請確定您已完成下列操作:
- 整合Adobe Target:可讓您的團隊在AEM中集中建立和管理個人化內容,並在Adobe Target中將其啟用為優惠方案。
- 在Adobe Experience Platform中整合標籤:可讓您的團隊管理和部署JavaScript以進行個人化和資料收集,而不需要重新部署AEM程式碼。
高階步驟
A/B測試設定程式涉及六個主要步驟,用於建立和設定實驗:
- 在AEM中建立內容變數
- 將變數匯出為Adobe Target的優惠方案
- 在Adobe Target中建立A/B測試活動
- 在Adobe Experience Platform中建立和設定資料流
- 使用Web SDK擴充功能更新Tags屬性
- 驗證AEM頁面上的A/B測試實作
在AEM中建立內容變數
在此範例中,您會使用AEM WKND專案中的 Camping in Western Australia 體驗片段(XF)來建立三個變數,這些變數將用於WKND網站首頁上的A/B測試。
-
在AEM中,按一下 體驗片段 卡片,導覽至Camping in Western Australia,然後按一下編輯。
-
在編輯器的 變化 區段下,按一下建立,然後選取變化。
-
在 建立變數 對話方塊中:
- 範本:體驗片段Web變數範本
- Title:例如,「離開格線」
按一下「完成」。
-
從主要變化中複製 Teaser 元件,然後自訂內容(例如,更新標題和影像)以製作變化。
note tip TIP 您可以使用產生變數,從主XF快速建立新的變數。 -
重複這些步驟以建立另一個變數(例如「四處遊蕩」)。
您現在有三個體驗片段變數用於A/B測試。
-
使用Adobe Target顯示變數之前,您必須從首頁中移除現有的靜態Teaser。 它可防止重複內容,因為體驗片段變數會透過Target以動態方式插入。
- 導覽至 英文 首頁
/content/wknd/language-masters/en - 在編輯器中,刪除Camping in Western Australia Teaser元件。
- 導覽至 英文 首頁
-
將變更轉出至 美國>英文 首頁(
/content/wknd/us/en)以傳播更新。
-
發佈 美國>英文 首頁,讓更新上線。
將變數匯出為選件至Adobe Target
匯出體驗片段變數,以便在Adobe Target中用作A/B測試的選件。
-
在AEM中,導覽至Camping in Western Australia,選取三個變數,然後按一下匯出至Adobe Target。
-
在Adobe Target中,前往 選件 並確認已匯入變數。
Adobe Target中的
在Adobe Target中建立A/B測試活動
現在建立A/B測試活動,以在首頁上執行實驗。
-
安裝Adobe Experience Cloud Visual Editing Helper Chrome擴充功能。
-
在Adobe Target中,導覽至 活動 並按一下建立活動。
-
在 建立A/B測試活動 對話方塊中,輸入下列內容:
- 型別:網頁
- Composer:視覺
- 活動URL:例如
https://wknd.enablementadobe.com/us/en.html
按一下「建立」。
-
將活動重新命名為有意義的專案(例如「WKND首頁A/B測試」)。
-
在 體驗A 中,在 最近文章 區段上方新增 體驗片段 元件。
-
在元件對話方塊中,按一下選取選件。
-
選擇 Camping in Western Australia 變數並按一下新增。
-
重複 體驗B 和C,分別選取 離開格線 和漫遊。
-
在 鎖定目標 區段中,確認流量已平均分配到所有體驗。
-
在 目標與設定 中,定義您的成功量度(例如CTA對體驗片段的點按)。
-
按一下右上角的「啟動」以啟動測試。
在Adobe Experience Platform中建立及設定資料串流
若要將Adobe Web SDK連線至Adobe Target,請在Adobe Experience Platform中建立資料串流。 資料串流可作為Web SDK與Adobe Target之間的路由層。
-
在Adobe Experience Platform中,導覽至 資料串流 並按一下建立資料串流。
-
在 建立資料流 對話方塊中,輸入資料流的名稱,然後按一下儲存。
-
建立Datastream後,按一下新增服務。
-
在 新增服務 步驟中,從下拉式清單中選取Adobe Target,然後輸入目標環境ID。 您可以在Adobe Target的管理 > 環境下找到目標環境ID。 按一下 儲存 以新增服務。
-
檢閱資料流詳細資料,以確認Adobe Target服務已列出且設定正確。
使用網頁SDK擴充功能更新標籤屬性
若要從AEM頁面傳送個人化和資料收集事件,請將Web SDK擴充功能新增至您的Tags屬性,並設定在頁面載入時觸發的規則。
-
在Adobe Experience Platform中,導覽至 標籤 並開啟您在整合Adobe標籤步驟中建立的屬性。
-
從左側功能表,按一下擴充功能,切換至 目錄 標籤,然後搜尋網頁SDK。 按一下右側面板中的安裝。
-
在 安裝擴充功能 對話方塊中,選取您先前建立的資料流,然後按一下儲存。
-
安裝之後,請確認 Adobe Experience Platform Web SDK 和 Core 擴充功能都出現在 已安裝 標籤下。
-
接著,設定載入程式庫時傳送網頁SDK事件的規則。 從左側功能表瀏覽至規則,然後按一下建立新規則。
note tip TIP 規則可讓您根據使用者互動或瀏覽器事件定義標籤觸發的時間和方式。 -
在「建立規則」畫面中,輸入規則名稱(例如,
All Pages - Library Loaded - Send Event),然後按一下「事件」區段下的「+新增」。
-
在 事件組態 對話方塊中:
- 延伸模組:選取核心
- 事件型別:選取載入的程式庫(頁面頂端)
- 名稱:輸入
Core - Library Loaded (Page Top)
按一下 保留變更 以儲存事件。
-
在 動作 區段下,按一下 +新增 以定義觸發事件時發生的動作。
-
在 動作組態 對話方塊中:
- 擴充功能:選取Adobe Experience Platform Web SDK
- 動作型別:選取傳送事件
- 名稱:選取AEP Web SDK — 傳送事件
-
在右側面板的 Personalization 區段中,勾選 呈現視覺個人化決策 選項。 然後,按一下 保留變更 以儲存動作。
note tip TIP 此動作會在頁面載入時傳送AEP Web SDK事件,讓Adobe Target提供個人化內容。 -
檢閱完成的規則,然後按一下儲存。
-
若要套用變更,請移至發佈流程,將更新的規則新增至資料庫。
-
最後,將程式庫升級為生產。
驗證AEM頁面上的A/B測試實作
一旦活動上線且Tags程式庫已發佈至生產環境,您就可以驗證AEM頁面上的A/B測試。
-
造訪已發佈的網站(例如,WKND Enablement網站),並觀察顯示的變數。 嘗試從不同的瀏覽器或行動裝置存取該變體,以檢視其他變數。
-
開啟瀏覽器的開發人員工具,並檢查 網路 標籤。 依
interact篩選,以尋找Web SDK請求。 請求應該會提供網頁SDK事件的詳細資料。
回應應包含Adobe Target所作出的個人化決定,以指出已提供哪些變數。
- 或者,您可以使用Adobe Experience Platform Debugger Chrome擴充功能來檢查網頁SDK事件。
即時示範
若要檢視A/B測試的實際運作情況,請造訪WKND啟用網站,並觀察體驗片段的不同變數在首頁上如何顯示。