3.4.1設定觸發式歷程 — 訂購確認
前往Adobe Experience Cloud登入Adobe Journey Optimizer。 按一下 Journey Optimizer。
您將被重新導向到Journey Optimizer中的 首頁 檢視。 首先,確定您使用正確的沙箱。 要使用的沙箱稱為--aepSandboxName--
。 然後您就會進入沙箱 的 首頁--aepSandboxName--
檢視。
3.4.1.1建立您的活動
在功能表中,移至 組態 並按一下 事件 底下的 管理。
在 事件 畫面上,您會看到類似此的檢視。 按一下 建立事件。
然後您會看到空白的事件設定。
首先,請為事件命名如下: --aepUserLdap--PurchaseEvent
,然後新增如下描述: Purchase Event
。
針對 型別,選取 單一。
針對 事件識別碼型別,選取 系統產生。
接下來是結構描述選取專案。 已針對此練習準備結構描述。 請使用結構描述Demo System - Event Schema for Website (Global v1.1) v.1
。
選取結構描述後,您將會在 裝載 區段中看到一些正在選取的欄位。 按一下 編輯/鉛筆 圖示以新增其他欄位至此事件。
然後您會看到此快顯視窗。 您現在需要核取其他核取方塊,才能在觸發此事件時存取其他資料。
首先,核取行--aepTenantId--
上的核取方塊。
接下來,向下捲動並勾選commerce
行上的核取方塊。
接下來,向下捲動並勾選productListItems
行上的核取方塊。 按一下 確定。
之後,您會看到其他欄位已新增至事件。 按一下 儲存。
接著會儲存您的新事件,而您現在會在可用事件清單中看到您的事件。
再次按一下您的事件以再次開啟 編輯事件 畫面。
再次將游標暫留在 承載 欄位上,可再次看到3個圖示。 按一下 檢視裝載 圖示。
您現在將看到預期裝載的範例。 您的事件具有獨特的協調流程eventID,您可以在該承載中向下捲動直到看到_experience.campaign.orchestration.eventID
為止。
事件ID需要傳送至Adobe Journey Optimizer,才能觸發您將在下一個步驟中建立的歷程。 記下此eventID,因為您會在後續步驟中用到它。"eventID": "618da2a203c3392e43a538d40ff5deef0bd1e7c64f6b6bfe131d4a38a67193ae"
按一下 確定,然後按一下 取消。
您的事件現在已設定完畢,且可供使用。
3.4.1.2建立您的歷程
在功能表中,前往 歷程 並按一下 建立歷程。
您將會看到此訊息。 為您的歷程命名。 使用--aepUserLdap-- - Order Confirmation journey
。 按一下 儲存。
首先,您需要新增活動作為歷程的起點。 搜尋您的活動--aepUserLdap--PurchaseEvent
,並將其拖放到畫布上。 按一下 儲存。
接下來,在 動作 底下,搜尋 電子郵件 動作,並將其新增至畫布上。
將 類別 設定為 行銷,並選取可讓您傳送電子郵件的電子郵件表面。 在此情況下,要選取的電子郵件表面為 電子郵件。 下一步是建立訊息。 若要這麼做,請按一下[編輯內容]。
您現在看到這個了。 按一下 主旨列 文字欄位。
在文字區域中開始寫入Thanks for your order,
,然後按一下 Personalization 圖示。
主旨列尚未完成。 接下來,您需要為 名字 欄位(儲存在profile.person.name.firstName
下)引入個人化權杖。 在左側功能表中,向下捲動以尋找 人員 > 全名 > 名字 欄位,然後按一下 + 圖示以將個人化權杖新增至主旨列。 按一下 儲存。
然後您就會回到這裡。 按一下 編輯電子郵件內文 以建立電子郵件的內容。
在下一個畫面中,按一下 從草稿開始設計。
在左側選單中,您會找到可用來定義電子郵件結構(列和欄)的結構元件。
將 1:1欄 拖放八次,畫布應會提供下列內容:
在左側功能表中,移至 片段。 將您先前在練習3.1.2.1中建立的標頭拖曳至畫布中的第一個元件。 將您先前在練習3.1.2.2中建立的頁尾拖曳至畫布中的最後一個元件。
按一下左側功能表中的 + 圖示。 移至 內容,開始將內容新增至畫布。
移至 內容 並將 影像 元件拖放到第二列。 按一下 瀏覽。
開啟資料夾 citi-signal-images,按一下以選取影像 citisignal-preparing.png,然後按一下 選取。
在 樣式 下,將寬度變更為 40%。
接著,移至 內容 並將 文字 元件拖放到第三列。
選取該元件中的預設文字 請在此輸入您的文字。 並以下列文字取代:
You’re one step closer!
Hi
We've received your order details!
We will also send you a separate email containing your VAT Invoice.
We'll be back in touch with you as soon as we've finished packing your package. Please read carefully the Order Information detailed below.
將游標放在文字 嗨 旁邊,然後按一下 新增Personalization。
導覽至「人員」>「全名」>「名字」欄位,然後按一下「+」圖示,將個人化權杖新增至主旨列。 按一下 儲存。
然後您會看到以下內容:
接著,移至 內容 並將 文字 元件拖放到第四列。
選取該元件中的預設文字 請在此輸入您的文字。 並以下列文字取代:
Order Information
將字型大小變更為 26px,並將文字置中於此儲存格中。 之後,您將會擁有此專案:
接著,移至 內容,並將 HTML 元件拖放至第五列。 按一下HTML元件,然後按一下 顯示原始程式碼。
在 編輯HTML 快顯視窗中,貼上此HTML:
<table><tbody><tr><td><b>Items purchased</b></td><td></td><td><b>Quantity</b></td><td><b>Subtotal</b></td></tr><tr><td colspan="4" width="500"><hr></td></tr></tbody></table>
按一下 儲存。
您就會擁有此專案。 按一下[儲存]儲存進度。
移至 內容 並將 HTML 元件拖放至第六列。 按一下HTML元件,然後按一下 顯示原始程式碼。
在 編輯HTML 快顯視窗中,貼上此HTML:
{{#each xxx as |item|}}<table width="500"><tbody><tr><td><img src="{{item.--aepTenantId--.core.imageURL}}" width="100"></td><td><table><tbody><tr><td><b>{{item.name}}</b><br>{{item.--aepTenantId--.core.subCategory}}<br><b>{{item.priceTotal}}</b><br> <br>Article no: {{item.SKU}}</td></tr></tbody></table></td><td>{{item.quantity}}</td><td><b>{{item.priceTotal}}</b></td></tr></tbody></table>{{/each}}
之後,您將會擁有此專案:
您現在必須以productListItems物件的參考取代 xxx,此物件是觸發歷程之事件的一部分。
首先,請先刪除HTML程式碼中的 xxx。
在左側功能表中,按一下 內容屬性。 此內容會傳遞至歷程中的訊息。
您將會看到此訊息。 按一下 Journey Orchestration 旁的箭頭以深入探討。
按一下 事件 旁的箭頭,以深入探討。
按一下--aepUserLdap--PurchaseEvent
旁的箭頭以深入鑽研。
按一下 productListItems 旁的箭頭,以深入鑽研。
按一下 名稱 旁的 + 圖示以將其新增至畫布。 您就會擁有此專案。 您現在必須選取 .name (如下列熒幕擷圖所示),然後您應該移除 .name。
您就會擁有此專案。 按一下 儲存。
您現在會回到電子郵件Designer。 按一下[儲存]儲存進度。
接著,前往 內容,並將 HTML 元件拖放至第七列。 按一下HTML元件,然後按一下 顯示原始程式碼。
在 編輯HTML 快顯視窗中,貼上此HTML:
<table><tbody><tr><td><b>Subtotal</b><br>Delivery charge (included)</td><td align="right"><b>xxx</b><br><b>5</b></td></tr><tr><td colspan="2" width="500"><hr></td></tr><tr><td><b>Total including VAT</b></td><td align="right"><b>xxx</b></td></tr></tbody></table>
此HTML程式碼中有2個 xxx 的參考。 您現在必須藉由對productListItems物件的參考來取代每個 xxx,此物件是觸發歷程的事件的一部分。
首先,刪除HTML程式碼中的前 xxx。
在左側功能表中,按一下 內容屬性。
按一下 Journey Orchestration 旁的箭頭以深入探討。
按一下 事件 旁的箭頭,以深入探討。
按一下--aepUserLdap--PurchaseEvent
旁的箭頭以深入鑽研。
按一下 Commerce 旁的箭頭以深入探討。
按一下 順序 旁的箭頭以深入鑽研。
按一下 總價 旁的 + 圖示,將其新增至畫布。
您就會擁有此專案。 現在刪除您HTML程式碼中的第二個 xxx。
再按一下 總價 旁的 + 圖示以將其新增至畫布。
您也可以將 Order 物件內的 Currency 欄位新增至畫布,如這裡所示。
完成時,按一下[儲存]儲存變更。
接著,您會回到電子郵件Designer。 再按一下 儲存。
按一下左上角主旨列文字旁的 箭頭,返回訊息儀表板。
按一下左上角的箭頭,返回您的歷程。
按一下 儲存 以關閉您的電子郵件動作。
按一下 發佈 以發佈您的歷程。
再按一下 發佈。
您的歷程現已發佈。
3.4.1.5更新您的Adobe Experience Platform資料收集使用者端屬性
移至Adobe Experience Platform資料彙集並選取 標籤。
這是您之前看到的Adobe Experience Platform資料收集屬性頁面。
在 快速入門 中,示範系統為您建立了兩個使用者端屬性:一個用於網站,一個用於行動應用程式。 在--aepUserLdap--
搜尋 方塊中搜尋 以尋找它們。 按一下以開啟 Web 屬性。
移至 資料元素。 搜尋並開啟資料元素 XDM — 購買。
您將會看到此訊息。 導覽至 _experience.campaign.orchestration.eventID 欄位,並在這裡填寫您的eventID。 要在此填寫的eventID是您為練習3.4.1.1按一下 儲存 或 儲存至資料庫 而建立的eventID。
將變更儲存在屬性中,然後更新開發程式庫以發佈變更。
您的變更現在已部署並可進行測試。
3.4.1.6使用示範網站測試您的訂單確認電子郵件
讓我們在示範網站上購買產品,以測試更新的歷程。
移至https://dsn.adobe.com。 使用Adobe ID登入後,您會看到此訊息。 按一下您的網站專案上的3個點 …,然後按一下 執行 以開啟它。
然後您會看到示範網站已開啟。 選取URL並將其複製到剪貼簿。
開啟新的無痕瀏覽器視窗。
貼上您在上一步中複製的示範網站URL。 接著,系統會要求您使用Adobe ID登入。
選取您的帳戶型別並完成登入程式。
接著,您會在無痕瀏覽器視窗中看到您的網站已載入。 每次練習都需要使用全新的無痕瀏覽器視窗,才能載入您的示範網站URL。
請檢視「設定檔檢視器」面板和「即時客戶設定檔」,將 Experience Cloud ID 設為此目前未知客戶的主要識別碼。
移至 登入 頁面,按一下 建立帳戶 並填寫這些欄位。 按一下 註冊,之後您將會被重新導向到上一頁。
新增任何產品至購物車。
移至 購物車 頁面。 按一下 簽出。
接下來,驗證欄位並在必要時完成。 按一下 繼續。
按一下 確認訂單。
您的訂單現已確認。
您將在數秒內收到訂單確認電子郵件。
您已完成此練習。
後續步驟
返回所有模組