试验(A/B 测试)

了解如何使用Adobe Target在AEM as a Cloud Service (AEMCS)网站上测试各种内容变体。

A/B测试可帮助您比较不同版本的内容,以确定哪些版本在实现业务目标方面表现更好。 常见情况包括:

  • 测试登陆页面上的标题、图像或call-to-action按钮中的变化
  • 比较产品详细信息页面的不同布局或设计
  • 评估促销优惠或折扣策略

演示用例

在本教程中,您将为WKND网站上的​Camping in Western Australia Experience Fragment (XF)配置A/B测试。 可创建三个XF变体并通过Adobe Target管理A/B测试。

这些变化会显示在WKND主页上,使您能够衡量性能并确定哪些版本可促进更好的参与和转化。

A/B测试

实时演示

访问WKND启用网站以查看A/B测试的实际执行情况。 在下面的视频中,您看到主页通过不同的浏览器显示了​ Camping in Western Australia ​的所有三个变体。

先决条件

在继续试验性用例之前,请确保您已完成以下操作:

高级步骤

A/B测试设置过程包括创建和配置试验的六个主要步骤:

  1. 在AEM中创建内容变体
  2. 将变体作为选件导出到Adobe Target
  3. 在Adobe Target中创建A/B测试活动
  4. 在Adobe Experience Platform中创建并配置数据流
  5. 使用Web SDK扩展更新Tags属性
  6. 验证AEM页面上的A/B测试实施

在AEM中创建内容变体

在此示例中,您使用AEM WKND项目中的​Camping in Western Australia Experience Fragment (XF)创建三个变体,这些变体将用于WKND网站主页的A/B测试。

  1. 在AEM中,单击​ 体验片段 ​卡片,导航到​Camping in Western Australia,然后单击​编辑
    体验片段

  2. 在编辑器的​ 变体 ​部分下,单击​创建,然后选择​变体
    创建变量

  3. 在​ 创建变量 ​对话框中:

    • 模板:体验片段Web变量模板
    • 标题:例如,“脱离网格”

    单击​完成

    创建变量对话框

  4. 通过从主要变体复制​ Teaser ​组件来创作变体,然后自定义内容(例如,更新标题和图像)。
    作者变量–1

    note tip
    TIP
    您可以使用生成变体从主XF快速创建新变体。
  5. 重复这些步骤以创建另一个变量(例如,“漫游”)。
    作者变量–2

    您现在有三个用于A/B测试的体验片段变体。

  6. 在使用Adobe Target显示变体之前,您需要从主页中删除现有的静态Teaser。 它可防止内容重复,因为体验片段变量是通过Target动态插入的。

    • 导航到​ 英语 ​主页/content/wknd/language-masters/en
    • 在编辑器中,删除​Camping in Western Australia Teaser组件。
      删除Teaser组件
  7. 将更改转出到​ 美国>英语 ​主页(/content/wknd/us/en)以传播更新。
    转出更改

  8. 发布​ 美国>英语 ​主页以启用更新。
    发布主页

将变体作为选件导出到Adobe Target

导出体验片段变量,以便它们可以用作Adobe Target中A/B测试的选件。

  1. 在AEM中,导航到​Camping in Western Australia,选择三个变体,然后单击​导出到Adobe Target
    导出到 Adobe Target

  2. 在Adobe Target中,转到​ 选件 ​并确认已导入变体。
    Adobe Target中的 选件

在Adobe Target中创建A/B测试活动

现在,创建A/B测试活动以在主页上运行试验。

  1. 安装Adobe Experience Cloud可视化编辑帮助程序 Chrome扩展。

  2. 在Adobe Target中,导航到​ 活动 ​并单击​创建活动
    创建活动

  3. 在​ 创建A/B测试活动 ​对话框中,输入以下内容:

    • 类型: Web
    • 编辑器:可视
    • 活动URL:例如https://wknd.enablementadobe.com/us/en.html

    单击​创建

    创建A/B测试活动

  4. 将活动重命名为有意义的内容(例如,“WKND主页A/B测试”)。
    重命名活动

  5. 在​ 体验A ​中,在​ 最近的文章 ​部分上方添加​ 体验片段 ​组件。
    添加体验片段组件

  6. 在组件对话框中,单击​选择选件
    选择选件

  7. 选择​ Camping in Western Australia ​变量,然后单击​添加
    选择西澳大利亚露营XF

  8. 重复执行​ 体验B ​和​C,分别选择​ 离开网格 ​和​漫游
    添加体验B和C

  9. 在​ 定位 ​部分中,确认流量平均分配到所有体验。
    流量分配

  10. 在​ 目标和设置 ​中,定义您的成功量度(例如,CTA单击体验片段)。
    目标和设置

  11. 单击右上角的​ 激活 ​以启动测试。
    激活活动

在Adobe Experience Platform中创建和配置数据流

要将Adobe Web SDK连接到Adobe Target,请在Adobe Experience Platform中创建数据流。 数据流充当Web SDK和Adobe Target之间的路由层。

  1. 在Adobe Experience Platform中,导航到​ 数据流 ​并单击​创建数据流
    创建新数据流

  2. 在​ 创建数据流 ​对话框中,输入数据流的​名称,然后单击​保存
    输入数据流名称

  3. 创建数据流后,单击​添加服务
    将服务添加到数据流

  4. 在​ 添加服务 ​步骤中,从下拉列表中选择​Adobe Target,并输入​Target环境ID。 您可以在Adobe Target中的​管理 > 环境​下找到目标环境ID。 单击​ 保存 ​以添加该服务。
    配置Adobe Target服务

  5. 查看数据流详细信息,以验证是否已列出和正确配置Adobe Target服务。
    查看数据流

使用Web SDK扩展更新“标记”属性

要从AEM页面发送个性化和数据收集事件,请将Web SDK扩展添加到Tags属性中,并配置在页面加载时触发的规则。

  1. 在Adobe Experience Platform中,导航到​ 标记 ​并打开您在集成Adobe标记步骤中创建的属性。
    打开标记属性

  2. 从左侧菜单中,单击​扩展,切换到​ 目录 ​选项卡,然后搜索​Web SDK。 单击右侧面板中的​安装
    安装Web SDK扩展

  3. 在​ 安装扩展 ​对话框中,选择您之前创建的​数据流,然后单击​保存
    选择数据流

  4. 安装后,请确认​ Adobe Experience Platform Web SDK ​和​ Core ​扩展都出现在​ 已安装 ​选项卡下。
    已安装的扩展

  5. 接下来,配置用于在加载库时发送Web SDK事件的规则。 从左侧菜单导航到​规则,然后单击​创建新规则

    创建新规则

    note tip
    TIP
    规则允许您根据用户交互或浏览器事件定义标记触发的时间和方式。
  6. 在​ 创建规则 ​屏幕中,输入规则名称(例如,All Pages - Library Loaded - Send Event),然后单击​ 事件 ​部分下的​+添加
    规则名称

  7. 在​ 事件配置 ​对话框中:

    • 扩展:选择​核心
    • 事件类型:选择​已加载的库(页面顶部)
    • 名称:输入Core - Library Loaded (Page Top)

    单击​ 保留更改 ​以保存事件。

    创建事件规则

  8. 在​ 操作 ​部分下,单击​ +添加 ​以定义触发事件时发生的操作。

  9. 在​ 操作配置 ​对话框中:

    • 扩展:选择​Adobe Experience Platform Web SDK
    • 操作类型:选择​发送事件
    • 名称:选择​AEP Web SDK — 发送事件

    配置发送事件操作

  10. 在右侧面板的​ Personalization ​部分中,选中​ 呈现可视化个性化决策 ​选项。 然后,单击​ 保留更改 ​以保存操作。
    创建操作规则

    note tip
    TIP
    此操作会在页面加载时发送AEP Web SDK事件,从而允许Adobe Target提供个性化内容。
  11. 查看已完成的规则,然后单击​保存
    查看规则

  12. 要应用更改,请转到​发布流,将更新的规则添加到​
    发布标记库

  13. 最后,将库提升到​生产
    将标记发布到生产环境

验证AEM页面上的A/B测试实施

一旦活动上线且Tags库已发布到生产环境,您就可以在AEM页面上验证A/B测试。

  1. 访问已发布的网站(例如,WKND启用网站),并观察显示的变量。 尝试从不同的浏览器或移动设备访问它以查看其他变体。
    查看A/B测试变量

  2. 打开浏览器的开发人员工具并检查​ 网络 ​选项卡。 按interact筛选以查找Web SDK请求。 该请求应该包含有关Web SDK事件的详细信息。

    Web SDK网络请求

响应应包括Adobe Target所做的个性化决策,以指示提供了哪个变量。
Web SDK响应

  1. 或者,您可以使用Adobe Experience Platform Debugger Chrome扩展检查Web SDK事件。
    AEP Debugger

实时演示

要查看A/B测试的实际执行情况,请访问WKND启用网站,并观察体验片段的不同变体在主页上的显示方式。

其他资源

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69