使用Web SDK设置Journey Optimizer Web渠道

了解如何使用Adobe Experience Platform Web SDK实施Adobe Journey Optimizer Web渠道。 本课程包括基本Web渠道先决条件、配置的详细步骤以及围绕忠诚度状态的用例的深入探讨。

通过学习本课程,Journey Optimizer用户将能够使用Journey Optimizer Web Designer的Web渠道来实现高级在线个性化。

Web SDK和Adobe Analytics关系图

学习目标

在本课程结束时,您能够:

  • 了解Web SDK在提供Web渠道体验方面的功能和意义。
  • 利用示例Luma忠诚度奖励用例,从头到尾了解创建Web渠道营销活动的过程。
  • 在界面中配置促销活动属性、操作和计划。
  • 了解Adobe Experience Cloud可视化编辑帮助程序扩展的功能和好处。
  • 了解如何使用Web设计器编辑网页内容,包括图像、标题和其他元素。
  • 了解如何使用优惠决策组件将优惠插入到网页中。
  • 熟悉确保Web渠道营销活动质量和成功的最佳实践。

先决条件

要完成此部分中的课程,您必须首先:

  • 完成有关Platform Web SDK初始配置的所有课程,包括设置数据元素和规则。

  • 确保您的Adobe Experience Platform Web SDK标记扩展版本为2.16或更高版本。

  • 完成“设置Experience Platform”课程,包括创建Luma Loyalty Rewards – Gold Status受众的练习。

  • 已下载并启用Adobe Experience Cloud可视化编辑帮助程序浏览器扩展

  • 如果您使用Journey Optimizer Web设计器创作您的Web渠道体验,请确保您使用的是Google Chrome或Microsoft®Edge浏览器。

  • 确保您的浏览器允许使用第三方Cookie。 可能还需要在浏览器中禁用任何广告拦截器。

    note caution
    CAUTION
    在Journey Optimizer Web设计器中,由于以下原因之一,某些网站可能无法可靠地打开:
    1. 网站具有严格的安全策略。
    2. 网站嵌入在iframe中。
    3. 无法从外部访问客户的QA或暂存站点(它是一个内部站点)。
  • 从Adobe Experience Manager Assets Essentials库创建Web体验并包含内容时,需要配置用于发布此内容的子域

  • 如果使用内容试验功能,请确保您的Web数据集也包含在报表配置中。

  • 目前,支持两种类型的实施,以便能够在Web资产上创作和交付Web渠道营销活动:

    • 仅限客户端:要修改您的网站,必须实施Adobe Experience Platform Web SDK。
    • 混合模式:您可以利用Platform Edge Network服务器API来请求在服务器端进行个性化。 来自API的响应随后提供给Adobe Experience Platform Web SDK,以便在客户端进行修改。 有关更多信息,请参阅Adobe Experience Platform Edge Network服务器API文档。 可以在这篇博客文章中找到混合模式的其他详细信息和实施示例。
    note note
    NOTE
    当前不支持仅服务器端实施。

术语

首先,您应该了解Web渠道营销活动中使用的术语。

  • Web渠道:用于通信或通过Web传递内容的媒介。 在本指南的上下文中,它介绍了在Adobe Journey Optimizer中使用Platform Web SDK向网站访客交付个性化内容的机制。
  • Web表面:引用由传送内容的URL标识的Web属性。 它可以包含单个或多个网页。
  • Journey Optimizer Web设计器: Journey Optimizer中的特定工具或界面,用户可以在其中设计其Web渠道体验。
  • Adobe Experience Cloud可视化编辑帮助程序:一种浏览器扩展,可协助以可视方式编辑和设计Web渠道体验。
  • 数据流: Adobe Experience Platform服务中确保Web渠道体验可交付的配置。
  • 合并策略:一种确保准确激活和发布入站营销活动的配置。
  • 受众:符合特定条件的用户或网站访客的特定区段。
  • Web设计器:一种界面或工具,它有助于在不深入了解代码的情况下直观地编辑和设计Web体验。
  • 表达式编辑器: Web设计器中的一个工具,允许用户向Web内容添加个性化,可能基于数据属性或其他条件。
  • 优惠决策组件: Web设计器中的一个组件,可帮助根据决策管理决定哪个优惠最适合向特定访客显示。
  • 内容实验:一种测试不同内容变体的方法,以确定哪些变体在所需量度(如入站点击次数)方面表现最佳。
  • 处理:在内容实验的上下文中,处理是指相对于其他内容进行测试的特定内容变体。
  • 模拟:一种预览机制,用于在为实时受众激活Web渠道体验之前将其可视化。

配置数据流

您已将Adobe Experience Platform服务添加到数据流。 现在,您需要启用Adobe Journey Optimizer选项,以便提供Web渠道体验。

要在数据流中配置Adobe Journey Optimizer,请执行以下操作:

  1. 转到数据收集接口。

  2. 在左侧导航中,选择​数据流

  3. 选择之前创建的Luma Web SDK数据流。

    选择数据流

  4. 在Adobe Experience Platform服务中选择​编辑

    编辑数据流

  5. 选中​ Adobe Journey Optimizer ​框。

  6. 保存​更新的配置。

    选中AJO框

这可确保Adobe Experience Platform Edge Network正确处理Journey Optimizer的入站事件。

配置合并策略

确保在启用​ Active-On-Edge合并策略 ​选项的情况下定义合并策略。 Journey Optimizer集客渠道可使用此合并策略选项,以确保在边缘准确地激活和发布集客营销活动。

要在合并策略中配置选项,请执行以下操作:

  1. 在Experience Platform或Journey Optimizer界面中转到​Customer > Profiles​页面。

  2. 确保您位于本教程所用的沙盒中

  3. 选择​ 合并策略 ​选项卡。

  4. 选择您的策略(通常最好使用基于默认时间的策略),然后在​ 配置 ​步骤中切换​ Edge上的活动合并策略 ​选项。

    切换合并策略

为内容试验配置Web数据集

要在Web渠道营销活动中使用内容实验,必须确保使用的Web数据集也包含在报表配置中。 Journey Optimizer报表系统以只读方式使用数据集来填充现成的内容试验报表。

本节详细介绍了如何添加用于内容试验报告的数据集。

用例概述 — 忠诚度奖励

在本课程中,我们使用忠诚度奖励用例示例来详细介绍如何使用Web SDK实施Web渠道体验。

此用例使您能够更好地了解Journey Optimizer如何利用Journey Optimizer营销活动和Web设计器,帮助向客户提供最佳入站体验。

由于本教程面向实施者,因此需要注意的是,本课程涉及Journey Optimizer中的大量界面工作。 虽然此类界面任务通常由营销人员处理,但对于实施者而言,将insight纳入流程可能会很有用,即使他们通常不负责Web渠道营销活动创建。

创建忠诚度奖励营销活动

现在,您已摄取我们的示例忠诚度数据并创建我们的区段,请在Adobe Journey Optimizer中创建忠诚度奖励网络渠道营销活动。

要创建示例营销活动,请执行以下操作:

  1. 打开Journey Optimizer界面

    note note
    NOTE
    架构、数据集和受众都是常见的Experience Platform结构,因此也可以在Journey Optimizer界面中构建。
  2. 在左侧导航中导航到​历程管理 > 促销活动

  3. 单击右上角的​创建营销活动

  4. 选择营销活动的类型。 对于忠诚度奖励用例,请选择​计划 — 营销

    计划的营销活动

  5. 向新的Web渠道营销活动添加一些其他详细信息。 首先,命名营销活动。 调用它Luma Loyalty Rewards – Gold Status。 (可选)您可以向市场活动添加描述。 还要添加​ 标记 ​以改进整个促销活动分类。

    命名营销活动

  6. 转到​ 操作 ​选项卡

  7. 选择​ Web ​作为​操作名称

  8. 选择​ 创建新配置 ​作为​Web配置

  9. 作为“通道配置”详细信息,输入以下内容:

    1. LumaHomepage作为​Name
    2. Web​作为​渠道
    3. 作为​营销操作​的Personalization现场
    4. 单个页面​作为​Web设置
    5. https://luma.enablementadobe.com/index.html作为​页面URL
  10. 提交​新渠道配置

    配置Web渠道

  11. 在Campaign的浏览器选项卡中,选择新的LumaHomepage配置

    note tip
    TIP
    如果下拉列表中未显示新配置,请转到属性选项卡,然后返回操作选项卡并再次检查下拉列表。

尝试忠诚度奖励内容

现在您已在操作部分中选择了​Web配置,您可以选择创建一个试验来测试哪些内容更适合Luma Loyalty Rewards – Gold Status受众。 让我们创建并测试两个处理作为Campaign配置的一部分。

要创建内容试验,请执行以下操作:

  1. 单击​创建试验

    创建试验

  2. 首先选择​成功量度。 这是确定内容有效性的量度。 选择​唯一点击次数,以查看哪个内容处理在Web体验CTA上产生了更多点击次数。

  3. 或者,您可以指定不接收这两种处理中任何一种的​维持。 暂时取消选中此项。

  4. 也可以选择平均​分配。 选中此选项可确保始终平均拆分处理拆分。

  5. 选择​添加处理,以便您在试验中有两种处理。

  6. 选择​创建

    选择成功量度

进一步了解Adobe Journey Optimizer Web渠道中的内容实验

使用可视化帮助程序编辑内容

现在,让我们创作Web渠道体验。 首先,为Google Chrome和Microsoft® Edge安装Adobe Experience Cloud可视化编辑帮助程序浏览器扩展(如果尚未安装)。 安装后,请继续执行Journey Optimizer界面中的步骤:

  1. 选择​编辑内容(或导航到营销活动的“内容”选项卡)。 由于您输入了单个页面URL作为表面,因此您应该可以在编辑器中开始工作。

    编辑内容

  2. 现在,单击​ 编辑网页 ​开始创作试验的处理A。

    编辑网页

  3. 首先,使用Web编辑器编辑某些元素。 使用上下文菜单编辑Luma主页图像标题。 调整右侧上下文窗格的样式。

    添加上下文编辑

  4. 还可以使用​ 表达式编辑器 ​将个性化添加到容器中。

    打开表达式编辑器
    添加个性化内容

  5. 确保正确跟踪点击体验。 从上下文菜单中选择​单击跟踪元素

    点击跟踪

有许多选项可用于个性化消息传递。

HTML设计更改

如果您希望将更高级的更改或自定义的更改作为忠诚度奖励促销活动的一部分,可以使用一些方法。 在治疗B中探索其中的一些。

使用​ 组件 ​窗格将HTML或其他内容直接添加到Luma网站。

浏览组件窗格

在页面顶部添加新的HTML组件。 再次打开​ 表达式编辑器 ​以编辑HTML。

打开表达式编辑器

或者,从​ 修改 ​窗格添加HTML编辑。 此窗格允许您在页面上选择一个组件,然后从设计器界面中对其进行编辑。

在编辑器中,为Luma Loyalty Rewards – Gold Status受众添加HTML。 选择​验证

验证HTML

现在,查看新的自定义HTML组件以了解契合度。

将活动定位到受众

默认情况下,该营销活动对所有网站访客有效。 对于此用例,只有金会员状态奖励会员才能看到体验。 要将内容定位到此受众,请执行以下操作:

  1. 导航到​ 受众 ​选项卡

  2. 在​ 身份命名空间 ​字段中,选择用于标识所选区段内个人的命名空间。 由于您要将促销活动部署在Luma网站上,因此可以选择ECID命名空间。 Luma Loyalty Rewards – Gold Status受众中缺少各种身份中的ECID命名空间的配置文件不会成为Web渠道营销活动的目标。

  3. 选择受众

    选择受众

  4. 选择您在Luma Loyalty Rewards - Gold Status设置Experience Platform课程中创建的受众。

  5. 将​ 受众保存 ​到营销活动

    保存受众

计划营销活动

默认情况下,当您手动激活和停用营销活动时,营销活动将开始和停止。 但是,您可以选择安排在特定日期和时间启动和停止这些任务。 保留默认设置并选择​查看以激活

营销活动计划

NOTE
请记住,对于Web渠道营销活动,Web体验会在访客打开页面时显示。 因此,与Adobe Journey Optimizer中的其他类型的营销活动不同,操作触发器​部分不可配置。

激活忠诚度奖励营销活动

系统会提示您最后一次确认促销活动详细信息。 选择​激活。 营销活动最多可能需要15分钟才能在网站上处于活动状态。

激活营销活动

忠诚度奖励QA

您可以使用一些登录来模拟“金牌状态”用户并授予您的促销活动资格。 您必须在设置Experience Platform中上载了示例数据,并在网站上使用这些凭据创建帐户,这些凭据才能正常工作。

  1. cleavlandeuler@emailsim.io/test
  2. leftybeagen@emailsim.io/test
  3. jenimartinho@emailsim.io/test

作为最佳实践,请在启动后在“促销活动概述”屏幕上监视​ Web ​促销活动统计数据,或单击​ 报告 ​以深入报告:

查看Web报告

使用Adobe Experience Platform Debugger进行Web渠道验证

适用于Chrome和Firefox的Adobe Experience Platform Debugger扩展可分析您的网页,以识别Adobe Experience Cloud解决方案实施中的问题。

您可以使用Luma网站上的调试器来验证生产环境中的Web渠道体验。 在忠诚度奖励用例启动并运行后,这是一种最佳实践,可确保正确配置所有内容。

通过此处了解如何使用指南在浏览器中配置调试器。

要使用调试器开始验证,请执行以下操作:

  1. 导航到具有Web渠道体验的Luma网页。
  2. 在网页上,打开​Adobe Experience Platform Debugger
  3. 导航到​摘要。 验证​ 数据流ID ​是否与您启用了Adobe Journey Optimizer的​ Adobe数据收集 ​中的​ 数据流 ​匹配。
  4. 然后,您可以使用各种Luma忠诚度帐户登录网站,并使用该调试器验证发送到Adobe Experience Platform Edge Network的请求。
  5. 在​ 解决方案 ​下,导航到​Experience Platform Web SDK
  6. 在​ 配置 ​选项卡中,打开​启用调试。 这将启用​ Adobe Experience Platform Assurance ​会话中会话的日志记录。
  7. 使用各种Luma忠诚度帐户登录网站,然后使用调试器验证发送到​ Adobe Experience Platform Edge网络 ​的请求。 所有这些请求都应在​ Assurance ​中捕获以进行日志跟踪。
NOTE
感谢您投入时间学习Adobe Experience Platform Web SDK。 如果您有疑问、希望分享一般反馈或有关于未来内容的建议,请在此Experience League社区讨论帖子上分享这些内容
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4