使用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或更高版本。

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

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

  • 确保您的浏览器允许使用第三方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。
    • 混合模式:您可以利用平台Edge Network服务器API来请求个性化服务器端。 来自API的响应随后会提供给Adobe Experience Platform Web SDK,以便在客户端进行修改。 有关更多信息,请参阅Adobe Experience PlatformEdge 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 ​框。

    选中AJO框

  6. 选择​ 保存

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

配置合并策略

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

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

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

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

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

    切换合并策略

为内容试验配置Web数据集

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

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

用例概述 — 忠诚度奖励

在本课程中,一个忠诚度奖励用例用于详细介绍使用Web SDK实施Web渠道体验。

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

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

创建忠诚度奖励营销活动

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

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

  1. 打开Journey Optimizer界面

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

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

  4. 在​ 属性 ​部分中,指定您希望如何执行营销活动。 对于忠诚度奖励用例,请选择​ 计划

    计划的营销活动

  5. 在​ 操作 ​部分中,选择​ Web渠道。 作为​ Web表面,请选择​ 页面URL

    note note
    NOTE
    Web表面是指由交付内容的URL标识的Web属性。 它可以对应于单个页面URL或包含多个页面,使您能够在一个或多个网页中应用修改。
  6. 选择​ 页面URL Web表面选项可在此营销活动的一个页面上部署体验。 输入Luma页面的URL,https://luma.enablementadobe.com/content/luma/us/en.html

  7. 定义Web表面后,选择​ 创建

    选择Web表面

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

    命名营销活动

  9. 默认情况下,该营销活动对所有网站访客有效。 对于此用例,只有金会员状态奖励会员才能看到体验。 要启用此功能,请单击​ 选择受众 ​并选择Luma Loyalty Rewards – Gold Status受众。

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

    选择标识类型

  11. 使用​ 促销活动开始 ​选项安排在今天的日期开始促销活动,使用​ 促销活动结束 ​选项安排在一周内结束。

    营销活动计划

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

尝试忠诚度奖励内容

如果向上滚动,则可以在​ 操作 ​部分中创建试验,以测试哪些内容更适合Luma Loyalty Rewards – Gold Status受众。 让我们创建并测试两个处理作为Campaign配置的一部分。

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

  1. 单击​ 创建试验

    创建试验

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

    选择成功量度

  3. 使用Web渠道设置试验并选择​ 入站点击数独特入站点击数页面查看数 ​或​ 独特页面查看数 ​指标时,点击操作 ​下拉列表可让您准确地跟踪和监视特定页面上的点击数和查看数。

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

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

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

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

现在,让我们创作Web渠道体验。 为此,请使用Adobe Experience Cloud 可视化帮助程序。 此工具是一个与Google Chrome和Microsoft® Edge兼容的浏览器扩展。 在尝试构建体验之前,请确保已下载该扩展。 还要确保网页包含Web SDK。

  1. 在营销活动的​ 操作 ​选项卡中,单击​ 编辑内容。 由于您输入了单个页面URL作为表面,因此您应该可以在编辑器中开始工作。

    编辑内容

  2. 现在,单击​ 编辑网页 ​开始创作。

    编辑网页

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

    添加上下文编辑

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

    添加个性化内容

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

    点击跟踪

  6. 使用​ 优惠决策组件 ​在网页中插入优惠。 此组件使用​ 决策管理 ​挑选要交付给Luma访客的最佳优惠。

HTML设计更改

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

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

浏览组件窗格

在页面顶部添加新的HTML组件。 从设计界面或​ 上下文 ​窗格编辑组件中的HTML。

添加自定义HTML

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

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

验证HTML

现在,查看新的自定义HTML组件以了解其适合和风格。

审核自定义HTML

使用​ CSS选择器类型 ​修改编辑特定组件。

修改CSS

使用​ 页面<head>类型 ​修改添加自定义代码。

修改head

使用​ 可视化帮助程序 ​的可能性是无穷的。

模拟忠诚度奖励内容

在激活营销活动之前,查看已修改网页的预览。 请记住,您必须将测试用户档案配置为模拟Web渠道体验。

要模拟体验,请执行以下操作:

  1. 在营销活动中选择​ 模拟内容

    模拟内容

  2. 选择要接收模拟的测试用户档案。 请记住,测试配置文件应位于Luma Loyalty Rewards – Gold Status受众中才能获得适当的处理。

  3. 将显示测试用户档案的预览。

激活忠诚度奖励营销活动

最后,激活Web渠道营销活动。

  1. 选择​ 查看以激活

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

忠诚度奖励QA

您可以使用一些登录来模拟“金牌状态”用户并授予您的促销活动资格:

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

作为最佳实践,请监视营销活动实时和全局报告的​ Web ​选项卡,以查看特定于营销活动的KPI。 对于此营销活动,监视体验展示次数,然后单击率。

查看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 PlatformEdge Network的请求。
  5. 在​ 解决方案 ​下,导航到​ Experience PlatformWeb SDK
  6. 在​ 配置 ​选项卡中,打开​ 启用调试。 这将启用​ Adobe Experience Platform保证 ​会话中的会话日志记录。
  7. 使用各种Luma忠诚度帐户登录网站,然后使用调试器验证发送到​ Adobe Experience Platform Edge网络 ​的请求。 所有这些请求都应在​ 保证 ​中捕获以进行日志跟踪。

下一步:

NOTE
感谢您投入时间学习Adobe Experience Platform Web SDK。 如果您有疑问、希望分享一般反馈或有关于未来内容的建议,请在此Experience League社区讨论帖子上分享这些内容
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4