3.4.1配置基于触发器的历程 — 订单确认
通过转到Adobe Experience Cloud登录Adobe Journey Optimizer。 单击 Journey Optimizer。
您将被重定向到Journey Optimizer中的 主页 视图。 首先,确保使用正确的沙盒。 要使用的沙盒名为--aepSandboxName--
。 然后,您将进入沙盒 的 主页--aepSandboxName--
视图。
3.4.1.1创建您的活动
在菜单中,转到 配置,然后单击 事件 下的 管理。
在 事件 屏幕上,您会看到类似于此内容的视图。 单击 创建事件。
然后,您将看到空的事件配置。
首先,为您的事件提供如下名称: --aepUserLdap--PurchaseEvent
,然后添加如下描述: Purchase Event
。
对于 类型,请选择 单一。
对于 事件ID类型,选择 系统生成的。
接下来是模式选择。 为本练习准备了一个方案。 请使用架构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列 拖放到画布上8次,这样您应该可以:
在左侧菜单中,转到 片段。 将您之前在练习3.1.2.1中创建的标题拖动到画布中的第一个组件上。 将您之前在练习3.1.2.2中创建的页脚拖到画布中的最后一个组件上。
单击左侧菜单中的 + 图标。 转到 Contents 以开始将内容添加到画布上。
转到 Contents 并将 Image 组件拖放到第二行。 单击 浏览。
打开文件夹 citi-signal-images,单击以选择图像 citisignal-preparing.png,然后单击 选择。
在 样式 下,将宽度更改为 40%。
接下来,转到 Contents 并将 Text 组件拖放到第三行。
选择该组件中的默认文本 请在此处键入您的文本。 并用以下文本替换它:
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。
导航到 人员 > 全名 > 名字 字段,然后单击 + 图标以将个性化令牌添加到主题行中。 单击 保存。
您随后将看到以下内容:
接下来,转到 Contents 并将 Text 组件拖放到第四行。
选择该组件中的默认文本 请在此处键入您的文本。 并用以下文本替换它:
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 作为当前未知客户的主要标识符。
转到 登录 页面,单击 创建帐户 并填写这些字段。 单击 注册,之后您将重定向到上一页。
将任何产品添加到购物车。
转到 购物车 页面。 单击 签出。
接下来,验证这些字段并在必要时填写。 单击 继续。
单击 确认订单。
您的订单现已确认。
然后,您将在几秒钟内收到订单确认电子邮件。
您已完成此练习。
后续步骤
返回所有模块