3.4.1設定觸發式歷程 — 訂購確認

前往Adobe Experience Cloud登入Adobe Journey Optimizer。 按一下​ Journey Optimizer

ACOP

您將被重新導向到Journey Optimizer中的​ 首頁 ​檢視。 首先,確定您使用正確的沙箱。 要使用的沙箱稱為--aepSandboxName--。 然後您就會進入沙箱​ ​首頁--aepSandboxName--檢視。

ACOP

3.4.1.1建立您的活動

在功能表中,移至​ 組態 ​並按一下​ 事件 ​底下的​ 管理

Journey Optimizer

在​ 事件 ​畫面上,您會看到類似此的檢視。 按一下​ 建立事件

Journey Optimizer

然後您會看到空白的事件設定。

首先,請為事件命名如下: --aepUserLdap--PurchaseEvent,然後新增如下描述: Purchase Event

針對​ 型別,選取​ 單一
針對​ 事件識別碼型別,選取​ 系統產生

Journey Optimizer

接下來是結構描述選取專案。 已針對此練習準備結構描述。 請使用結構描述Demo System - Event Schema for Website (Global v1.1) v.1

選取結構描述後,您將會在​ 裝載 ​區段中看到一些正在選取的欄位。 按一下​ 編輯/鉛筆 ​圖示以新增其他欄位至此事件。

Journey Optimizer

然後您會看到此快顯視窗。 您現在需要核取其他核取方塊,才能在觸發此事件時存取其他資料。

Journey Optimizer

首先,核取行--aepTenantId--上的核取方塊。

Journey Optimizer

接下來,向下捲動並勾選commerce行上的核取方塊。

Journey Optimizer

接下來,向下捲動並勾選productListItems行上的核取方塊。 按一下​ 確定

Journey Optimizer

之後,您會看到其他欄位已新增至事件。 按一下​ 儲存

Journey Optimizer

接著會儲存您的新事件,而您現在會在可用事件清單中看到您的事件。

再次按一下您的事件以再次開啟​ 編輯事件 ​畫面。
再次將游標暫留在​ 承載 ​欄位上,可再次看到3個圖示。 按一下​ 檢視裝載 ​圖示。

Journey Optimizer

您現在將看到預期裝載的範例。 您的事件具有獨特的協調流程eventID,您可以在該承載中向下捲動直到看到_experience.campaign.orchestration.eventID為止。

Journey Optimizer

事件ID需要傳送至Adobe Journey Optimizer,才能觸發您將在下一個步驟中建立的歷程。 記下此eventID,因為您會在後續步驟中用到它。
"eventID": "618da2a203c3392e43a538d40ff5deef0bd1e7c64f6b6bfe131d4a38a67193ae"

按一下​ 確定,然後按一下​ 取消

您的事件現在已設定完畢,且可供使用。

3.4.1.2建立您的歷程

在功能表中,前往​ 歷程 ​並按一下​ 建立歷程

Journey Optimizer

您將會看到此訊息。 為您的歷程命名。 使用--aepUserLdap-- - Order Confirmation journey。 按一下​ 儲存

Journey Optimizer

首先,您需要新增活動作為歷程的起點。 搜尋您的活動--aepUserLdap--PurchaseEvent,並將其拖放到畫布上。 按一下​ 儲存

Journey Optimizer

接下來,在​ 動作 ​底下,搜尋​ 電子郵件 ​動作,並將其新增至畫布上。

Journey Optimizer

將​ 類別 ​設定為​ 行銷,並選取可讓您傳送電子郵件的電子郵件表面。 在此情況下,要選取的電子郵件表面為​ 電子郵件。 下一步是建立訊息。 若要這麼做,請按一下[編輯內容]。

ACOP

您現在看到這個了。 按一下​ 主旨列 ​文字欄位。

ACOP

在文字區域中開始寫入Thanks for your order, ,然後按一下​ Personalization ​圖示。

Journey Optimizer

主旨列尚未完成。 接下來,您需要為​ 名字 ​欄位(儲存在profile.person.name.firstName下)引入個人化權杖。 在左側功能表中,向下捲動以尋找​ 人員 > 全名 > 名字 ​欄位,然後按一下​ + ​圖示以將個人化權杖新增至主旨列。 按一下​ 儲存

Journey Optimizer

然後您就會回到這裡。 按一下​ 編輯電子郵件內文 ​以建立電子郵件的內容。

Journey Optimizer

在下一個畫面中,按一下​ 從草稿開始設計

Journey Optimizer

在左側選單中,您會找到可用來定義電子郵件結構(列和欄)的結構元件。

將​ 1:1欄 ​拖放八次,畫布應會提供下列內容:

Journey Optimizer

在左側功能表中,移至​ 片段。 將您先前在練習3.1.2.1中建立的標頭拖曳至畫布中的第一個元件。 將您先前在練習3.1.2.2中建立的頁尾拖曳至畫布中的最後一個元件。

Journey Optimizer

按一下左側功能表中的​ + ​圖示。 移至​ 內容,開始將內容新增至畫布。

Journey Optimizer

移至​ 內容 ​並將​ 影像 ​元件拖放到第二列。 按一下​ 瀏覽

Journey Optimizer

開啟資料夾​ citi-signal-images,按一下以選取影像​ citisignal-preparing.png,然後按一下​ 選取

Journey Optimizer

在​ 樣式 ​下,將寬度變更為​ 40%

Journey Optimizer

接著,移至​ 內容 ​並將​ 文字 ​元件拖放到第三列。

Journey Optimizer

選取該元件中的預設文字​ 請在此輸入您的文字。 ​並以下列文字取代:

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.

Journey Optimizer

將游標放在文字​ ​旁邊,然後按一下​ 新增Personalization

Journey Optimizer

導覽至「人員」>「全名」>「名字」欄位,然後按一下「+」圖示,將個人化權杖新增至主旨列。 按一下​ 儲存

Journey Optimizer

然後您會看到以下內容:

Journey Optimizer

接著,移至​ 內容 ​並將​ 文字 ​元件拖放到第四列。

Journey Optimizer

選取該元件中的預設文字​ 請在此輸入您的文字。 ​並以下列文字取代:

Order Information

將字型大小變更為​ 26px,並將文字置中於此儲存格中。 之後,您將會擁有此專案:

Journey Optimizer

接著,移至​ 內容,並將​ HTML ​元件拖放至第五列。 按一下HTML元件,然後按一下​ 顯示原始程式碼

Journey Optimizer

在​ 編輯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>

按一下​ 儲存

Journey Optimizer

您就會擁有此專案。 按一下[儲存]儲存進度。

Journey Optimizer

移至​ 內容 ​並將​ HTML ​元件拖放至第六列。 按一下HTML元件,然後按一下​ 顯示原始程式碼

Journey Optimizer

在​ 編輯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>&nbsp;<br>Article no: {{item.SKU}}</td></tr></tbody></table></td><td>{{item.quantity}}</td><td><b>{{item.priceTotal}}</b></td></tr></tbody></table>{{/each}}

之後,您將會擁有此專案:

Journey Optimizer

您現在必須以productListItems物件的參考取代​ xxx,此物件是觸發歷程之事件的一部分。

Journey Optimizer

首先,請先刪除HTML程式碼中的​ xxx

Journey Optimizer

在左側功能表中,按一下​ 內容屬性。 此內容會傳遞至歷程中的訊息。

您將會看到此訊息。 按一下​ Journey Orchestration ​旁的箭頭以深入探討。

Journey Optimizer

按一下​ 事件 ​旁的箭頭,以深入探討。

Journey Optimizer

按一下--aepUserLdap--PurchaseEvent旁的箭頭以深入鑽研。

Journey Optimizer

按一下​ productListItems ​旁的箭頭,以深入鑽研。

Journey Optimizer

按一下​ 名稱 ​旁的​ + ​圖示以將其新增至畫布。 您就會擁有此專案。 您現在必須選取​ .name (如下列熒幕擷圖所示),然後您應該移除​ .name

Journey Optimizer

您就會擁有此專案。 按一下​ 儲存

Journey Optimizer

您現在會回到電子郵件Designer。 按一下[儲存]儲存進度。

Journey Optimizer

接著,前往​ 內容,並將​ HTML ​元件拖放至第七列。 按一下HTML元件,然後按一下​ 顯示原始程式碼

Journey Optimizer

在​ 編輯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,此物件是觸發歷程的事件的一部分。

Journey Optimizer

首先,刪除HTML程式碼中的前​ xxx

Journey Optimizer

在左側功能表中,按一下​ 內容屬性
按一下​ Journey Orchestration ​旁的箭頭以深入探討。

Journey Optimizer

按一下​ 事件 ​旁的箭頭,以深入探討。

Journey Optimizer

按一下--aepUserLdap--PurchaseEvent旁的箭頭以深入鑽研。

Journey Optimizer

按一下​ Commerce ​旁的箭頭以深入探討。

Journey Optimizer

按一下​ 順序 ​旁的箭頭以深入鑽研。

Journey Optimizer

按一下​ 總價 ​旁的​ + ​圖示,將其新增至畫布。

Journey Optimizer

您就會擁有此專案。 現在刪除您HTML程式碼中的第二個​ xxx

Journey Optimizer

再按一下​ 總價 ​旁的​ + ​圖示以將其新增至畫布。
您也可以將​ Order ​物件內的​ Currency ​欄位新增至畫布,如這裡所示。
完成時,按一下[儲存]儲存變更。

Journey Optimizer

接著,您會回到電子郵件Designer。 再按一下​ 儲存

Journey Optimizer

按一下左上角主旨列文字旁的​ 箭頭,返回訊息儀表板。

Journey Optimizer

按一下左上角的箭頭,返回您的歷程。

Journey Optimizer

按一下​ 儲存 ​以關閉您的電子郵件動作。

Journey Optimizer

按一下​ 發佈 ​以發佈您的歷程。

Journey Optimizer

再按一下​ 發佈

Journey Optimizer

您的歷程現已發佈。

Journey Optimizer

3.4.1.5更新您的Adobe Experience Platform資料收集使用者端屬性

移至Adobe Experience Platform資料彙集並選取​ 標籤

這是您之前看到的Adobe Experience Platform資料收集屬性頁面。

屬性頁面

在​ 快速入門 ​中,示範系統為您建立了兩個使用者端屬性:一個用於網站,一個用於行動應用程式。 在--aepUserLdap--搜尋​ 方塊中搜尋 ​以尋找它們。 按一下以開啟​ Web ​屬性。

搜尋方塊

移至​ 資料元素。 搜尋並開啟資料元素​ XDM — 購買

Journey Optimizer

您將會看到此訊息。 導覽至​ _experience.campaign.orchestration.eventID ​欄位,並在這裡填寫您的eventID。 要在此填寫的eventID是您為練習3.4.1.1按一下​ 儲存 ​或​ 儲存至資料庫 ​而建立的eventID。

Journey Optimizer

將變更儲存在屬性中,然後更新開發程式庫以發佈變更。

Journey Optimizer

您的變更現在已部署並可進行測試。

3.4.1.6使用示範網站測試您的訂單確認電子郵件

讓我們在示範網站上購買產品,以測試更新的歷程。

移至https://dsn.adobe.com。 使用Adobe ID登入後,您會看到此訊息。 按一下您的網站專案上的3個點​ ,然後按一下​ 執行 ​以開啟它。

DSN

然後您會看到示範網站已開啟。 選取URL並將其複製到剪貼簿。

DSN

開啟新的無痕瀏覽器視窗。

DSN

貼上您在上一步中複製的示範網站URL。 接著,系統會要求您使用Adobe ID登入。

DSN

選取您的帳戶型別並完成登入程式。

DSN

接著,您會在無痕瀏覽器視窗中看到您的網站已載入。 每次練習都需要使用全新的無痕瀏覽器視窗,才能載入您的示範網站URL。

DSN

請檢視「設定檔檢視器」面板和「即時客戶設定檔」,將​ Experience Cloud ID ​設為此目前未知客戶的主要識別碼。

示範

移至​ 登入 ​頁面,按一下​ 建立帳戶 ​並填寫這些欄位。 按一下​ 註冊,之後您將會被重新導向到上一頁。

示範

新增任何產品至購物車。

Journey Optimizer

移至​ 購物車 ​頁面。 按一下​ 簽出

Journey Optimizer

接下來,驗證欄位並在必要時完成。 按一下​ 繼續

Journey Optimizer

按一下​ 確認訂單

Journey Optimizer

您的訂單現已確認。

Journey Optimizer

您將在數秒內收到訂單確認電子郵件。

Journey Optimizer

您已完成此練習。

後續步驟

移至3.4.2設定批次式Newsletter歷程

返回Adobe Journey Optimizer

返回所有模組

recommendation-more-help
4bbf020c-24db-4a43-b239-88fab142f02d