使用Web SDK設定Journey Optimizer Web Channel
瞭解如何使用Adobe Experience Platform Web SDK實作Adobe Journey Optimizer Web Channel。 本課程涵蓋基本Web通路先決條件、設定的詳細步驟，並深入探討以忠誠度狀態為中心的使用案例。
依照本課程，Journey Optimizer使用者可以使用Journey Optimizer網頁設計工具，透過網路管道進行進階的線上個人化。
學習目標
在本課程結束時，您能夠：
- 瞭解Web SDK在提供網路頻道體驗方面的功能和重要性。
- 利用範例Luma忠誠度獎勵使用案例，從頭到尾瞭解建立網路通路行銷活動的流程。
- 在介面中設定促銷活動屬性、動作和排程。
- 瞭解Adobe Experience Cloud Visual Editing Helper擴充功能的功用和優點。
- 瞭解如何使用網頁設計工具編輯網頁內容，包括影像、標題和其他元素。
- 瞭解如何使用優惠決定元件將優惠插入網頁。
- 請熟悉確保網路頻道行銷活動品質和成功的最佳實務。
先決條件
若要完成本節中的課程，您必須先：
-
完成所有Platform Web SDK初始設定的課程，包括設定資料元素和規則。
-
確認您的Adobe Experience Platform Web SDK標籤擴充功能版本為2.16版或以上。
-
如果您使用Journey Optimizer網頁設計工具來製作您的網路頻道體驗，請務必使用Google Chrome或Microsoft®Edge瀏覽器。
-
同時請確定您已下載並啟用Adobe Experience Cloud Visual Editing Helper瀏覽器擴充功能。
-
確認您的瀏覽器允許第三方Cookie。 可能也需要停用瀏覽器中的任何廣告封鎖程式。
note caution CAUTION 在Journey Optimizer網頁設計工具中，由於下列其中一個原因，某些網站可能無法可靠地開啟： - 網站有嚴格的安全政策。
- 網站內嵌於iframe中。
- 無法從外部存取客戶的QA或中繼網站（這是內部網站）。
-
建立Web體驗並從Adobe Experience Manager Assets Essentials資料庫包含內容時，必須設定子網域以發佈此內容。
-
如果使用內容實驗功能，請確保您的網路資料集也包含在您的報告設定中。
-
目前，支援兩種型別的實施，以便在Web屬性上製作和傳送Web Channel行銷活動：
- 僅限使用者端：若要修改您的網站，您必須實作Adobe Experience Platform Web SDK。
- 混合模式：您可以利用平台Edge Network伺服器API來要求個人化伺服器端。 來自API的回應會提供給Adobe Experience Platform Web SDK，以便在使用者端上轉譯修改。 如需詳細資訊，請參閱Adobe Experience PlatformEdge Network伺服器API檔案。 此部落格中提供混合模式的其他詳細資訊和實作範例。
note note NOTE 目前不支援僅伺服器端實作。
術語
首先，您應該瞭解在網路通路行銷活動中使用的術語。
- 網頁管道：透過網頁進行通訊或內容傳遞的媒體。 就本指南而言，其內容是指Adobe Journey Optimizer中，透過Platform Web SDK將個人化內容傳遞至網站訪客的機制。
- Web表面：參考由傳送內容的URL所識別的Web屬性。 它可以包含單一或多個網頁。
- Journey Optimizer網頁設計工具： Journey Optimizer中的特定工具或介面，使用者可在此設計其Web Channel體驗。
- Adobe Experience Cloud Visual Editing Helper：可協助您以視覺化方式編輯及設計網頁頻道體驗的瀏覽器擴充功能。
- Datastream： Adobe Experience Platform服務中的組態，可確保Web通路體驗能夠傳遞。
- 合併原則：確保正確啟用和發佈傳入行銷活動的設定。
- 對象：符合特定條件的使用者或網站訪客的特定區段。
- 網頁設計工具：此介面或工具可協助您以視覺化方式編輯及設計網頁體驗，而不需深入探索程式碼。
- 運算式編輯器：網頁設計工具中的工具，可讓使用者根據資料屬性或其他條件，將個人化加入網頁內容。
- 優惠決定元件：網頁設計工具中的元件，可協助您根據決定管理，決定最適合向特定訪客顯示的優惠。
- 內容實驗：測試不同內容變異的方法，以找出哪個在所需量度（例如傳入點按次數）方面表現最佳。
- 處理：在內容實驗的內容中，處理是指要針對其他內容進行測試的特定內容變化。
- 模擬：一種預覽機制，可在為即時受眾啟用網路頻道體驗之前，將其視覺化。
設定資料串流
您已將Adobe Experience Platform服務新增至資料流。 現在您需要啟用Adobe Journey Optimizer選項，才能傳遞網路頻道體驗。
若要在資料流中設定Adobe Journey Optimizer：
-
移至資料彙集介面。
-
在左側導覽中，選取 資料串流。
-
選取先前建立的Luma Web SDK資料流。
-
選取Adobe Experience Platform服務中的 編輯。
-
勾選 Adobe Journey Optimizer 方塊。
-
選取「儲存」。
這可確保Adobe Experience PlatformEdge Network正確處理Journey Optimizer的傳入事件。
設定合併原則
確定已在啟用 Active-On-Edge合併原則 選項的情況下定義合併原則。 Journey Optimizer傳入頻道會使用此合併原則選項，以確保在邊緣準確啟用和發佈傳入行銷活動。
若要在合併原則中設定選項：
-
在Experience Platform或Journey Optimizer介面中移至 客戶 > 設定檔 頁面。
-
選取 合併原則 索引標籤。
-
選取您的原則（通常最好使用預設時間型原則），並在 設定 步驟中切換 Edge上主動合併原則 選項。
設定用於內容實驗的網路資料集
若要在Web Channel行銷活動中使用內容實驗，您必須確保使用的網路資料集也包含在您的報告設定中。 Journey Optimizer報表系統以唯讀方式使用資料集來填入現成可用的內容實驗報表。
新增內容實驗報告的資料集在本節中有詳細說明。
使用案例概述 — 忠誠度獎勵
在本課程中，熟客獎勵使用案例範例用於詳細說明使用Web SDK實施網路通路體驗。
此使用案例可讓您更瞭解Journey Optimizer如何運用Journey Optimizer行銷活動和Web設計工具，協助為客戶提供最佳傳入體驗。
由於本教學課程的目標是實施者，因此請注意，本課程涉及Journey Optimizer的大量介面工作。 雖然這類介面任務通常由行銷人員處理，但對於實作者來說，即便他們通常不負責建立網路通路行銷活動，獲得該程式的深入分析也會很有幫助。
建立熟客獎勵行銷活動
現在您已擷取我們的忠誠度資料範例並建立我們的區段，請在Adobe Journey Optimizer中建立忠誠度獎勵網路管道行銷活動。
若要建立範例行銷活動：
-
note note NOTE 結構描述、資料集和對象都是常見的Experience Platform建構，因此也可以在Journey Optimizer介面中建置。 -
在左側導覽中導覽至 歷程管理 > 行銷活動
-
按一下右上角的 建立行銷活動。
-
在 屬性 區段中，指定您要如何執行行銷活動。 若為「熟客獎勵」使用案例，請選擇 已排程。
-
在 動作 區段中，選擇 網頁管道。 作為 網頁表面，請選取 頁面URL。
note note NOTE Web介面是指由傳送內容的URL所識別的Web屬性。 它可以對應至單一頁面URL或包含多個頁面，讓您在一或多個網頁上套用修改。 -
選擇 頁面URL 網頁介面選項，將體驗部署在此行銷活動的單一頁面上。 輸入Luma頁面的URL，
https://luma.enablementadobe.com/content/luma/us/en.html -
定義網頁表面後，請選取 建立。
-
現在新增一些其他詳細資料至新的網路頻道行銷活動。 首先，為行銷活動命名。 呼叫它
Luma Loyalty Rewards – Gold Status。 您可以選擇新增說明至行銷活動。 同時新增 標籤 以改進整體行銷活動分類法。
-
依預設，促銷活動對所有網站訪客都有效。 就此使用案例而言，只有金級狀態獎勵會員應該會看到體驗。 若要啟用此功能，請按一下 選取對象 並選擇
Luma Loyalty Rewards – Gold Status對象。 -
在 身分識別名稱空間 欄位中，選取用於識別所選區段內個人的名稱空間。 由於您是在Luma網站上部署行銷活動，因此可以選擇ECID名稱空間。
Luma Loyalty Rewards – Gold Status對象內缺少各種身分識別中的ECID名稱空間的設定檔，不會成為Web Channel促銷活動的目標。
-
使用 行銷活動開始 選項將行銷活動排程為從今天的日期開始，並使用 行銷活動結束 選項將行銷活動排程在一週內結束。
實驗忠誠度獎勵內容
如果您向上捲動，在 動作 區段中，您可以選擇建立實驗，以測試哪些內容更適合Luma Loyalty Rewards – Gold Status對象。 讓我們建立並測試兩個處理作為行銷活動設定的元件。
若要建立內容實驗：
-
按一下 建立實驗。
-
請先選擇 成功量度。 這是判斷內容有效性的量度。 選擇 不重複傳入點按，以檢視哪些內容處理在網頁體驗CTA上產生更多點按。
-
使用Web管道設定實驗並選擇 傳入點按、不重複傳入點按、頁面檢視 或 不重複頁面檢視 量度時，點按動作 下拉式清單可讓您精確追蹤和監視特定頁面上的點按和檢視。
-
您可以選擇指定不接收這兩種處理方式其中之一的 保留。 現在不要勾選此方塊。
-
也可以選擇選擇平均 分配。 核取此選項，以確保處理分割始終平均分割。
進一步瞭解Adobe Journey Optimizer網路頻道中的內容實驗。
使用視覺化協助程式編輯內容
現在，讓我們編寫網頁頻道體驗。 若要這麼做，請使用Adobe Experience Cloud 視覺協助程式。 此工具是與Google Chrome和Microsoft® Edge相容的瀏覽器擴充功能。 在嘗試建置您的體驗之前，請確定您已下載擴充功能。 也請確定網頁包含Web SDK。
-
在行銷活動的 動作 標籤中，按一下 編輯內容。 由於您輸入了單一頁面URL作為介面，因此您應該已準備好開始在撰寫器中工作。
-
現在，按一下 編輯網頁 開始編寫。
-
首先，使用網頁撰寫器編輯某些元素。 使用內容功能表來編輯Luma主圖影像標題。 調整右側內容窗格的樣式。
-
同時使用 運算式編輯器 將個人化新增至容器。
-
請確保已正確追蹤點選體驗。 從內容功能表選擇 按一下追蹤元素。
-
使用 優惠決定元件 在網頁中插入優惠。 此元件使用 決定管理 來挑選要傳遞給Luma訪客的最佳優惠方案。
HTML設計變更
如果您想要更進階，或對網站進行自訂變更，以作為忠誠獎勵行銷活動的元件，可使用一些方法。
使用 元件 窗格直接將HTML或其他內容新增至Luma網站。
在頁面頂端新增新的HTML元件。 從設計介面或 關聯式 窗格編輯元件中的HTML。
或者，從 修改 窗格新增HTML編輯。 此窗格可讓您在頁面上選取元件，並從設計工具介面編輯元件。
在編輯器中，新增Luma Loyalty Rewards – Gold Status對象的HTML。 選取 驗證。
現在，請檢閱新的自訂HTML元件，以掌握合適度與操作風格。
使用 CSS選取器型別 修改來編輯特定元件。
使用 頁面<head>型別 修改來新增自訂程式碼。
使用 Visual Helper 的可能性是無窮的。
模擬熟客獎勵內容
在啟動行銷活動之前，檢視已修改網頁的預覽。 請記住，您必須將測試設定檔設定為模擬Web Channel體驗。
若要模擬體驗：
-
選取行銷活動中的 模擬內容。
-
選擇要接收模擬的測試設定檔。 請記住，測試設定檔應在
Luma Loyalty Rewards – Gold Status對象中才能獲得適當的處理。 -
測試設定檔會顯示預覽。
啟用忠誠度獎勵行銷活動
最後，啟動網路通路行銷活動。
-
選取 檢閱以啟動。
-
系統會提示您最後一次確認行銷活動詳細資料。 選取 啟動。 行銷活動最多可能需要15分鐘的時間在網站上上線。
熟客方案獎勵QA
您可使用一些登入來模擬「金級狀態」使用者，並符合您的行銷活動資格：
cleavlandeuler@emailsim.io/testleftybeagen@emailsim.io/testjenimartinho@emailsim.io/test
最佳實務是監視行銷活動即時和全域報告的 網頁 索引標籤，以取得行銷活動特定的KPI。 針對此行銷活動，監視體驗曝光數，然後按一下比率。
使用Adobe Experience Platform Debugger進行網路通道驗證
適用於Chrome和Firefox的Adobe Experience Platform Debugger擴充功能會分析您的網頁，以識別Adobe Experience Cloud解決方案實作中的問題。
您可以使用Luma網站上的除錯工具，驗證生產環境中的網路通道體驗。 一旦忠誠獎勵使用案例啟動並執行，這是最佳實務，以確保所有專案皆正確設定。
若要使用除錯工具開始驗證：
- 使用網路頻道體驗導覽至Luma網頁。
- 在網頁上時，開啟 Adobe Experience Platform Debugger。
- 瀏覽至 摘要。 確認 資料串流識別碼 與您啟用Adobe Journey Optimizer的 Adobe資料彙集 中的 資料串流 相符。
- 接著，您可以使用各種Luma忠誠度帳戶登入網站，並使用除錯工具驗證傳送至Adobe Experience PlatformEdge Network的請求。
- 在「解決方案」下，導覽至 Experience PlatformWeb SDK。
- 在 組態 標籤中，開啟 啟用偵錯。 這會啟用 Adobe Experience Platform保證 工作階段中工作階段的記錄。
- 使用各種Luma忠誠度帳戶登入網站，並使用偵錯工具驗證傳送至 Adobe Experience Platform Edge網路 的請求。 所有這些要求都應該在 保證 中擷取以進行記錄追蹤。