试验(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主页上,使您能够衡量性能并确定哪些版本可促进更好的参与和转化。
          
          
实时演示
访问WKND启用网站以查看A/B测试的实际执行情况。 在下面的视频中,您看到主页通过不同的浏览器显示了 Camping in Western Australia 的所有三个变体。
先决条件
在继续试验性用例之前,请确保您已完成以下操作:
- 集成Adobe Target:使您的团队能够在AEM中集中创建和管理个性化内容,并在Adobe Target中将其激活为选件。
 - 在Adobe Experience Platform中集成标记:允许您的团队管理和部署JavaScript以进行个性化和数据收集,而无需重新部署AEM代码。
 
高级步骤
A/B测试设置过程包括创建和配置试验的六个主要步骤:
- 在AEM中创建内容变体
 - 将变体作为选件导出到Adobe Target
 - 在Adobe Target中创建A/B测试活动
 - 在Adobe Experience Platform中创建并配置数据流
 - 使用Web SDK扩展更新Tags属性
 - 验证AEM页面上的A/B测试实施
 
在AEM中创建内容变体
在此示例中,您使用AEM WKND项目中的Camping in Western Australia Experience Fragment (XF)创建三个变体,这些变体将用于WKND网站主页的A/B测试。
- 
                  
在AEM中,单击 体验片段 卡片,导航到Camping in Western Australia,然后单击编辑。
                     - 
                  
在编辑器的 变体 部分下,单击创建,然后选择变体。
                     - 
                  
在 创建变量 对话框中:
- 模板:体验片段Web变量模板
 - 标题:例如,“脱离网格”
 
单击完成。
                     - 
                  
通过从主要变体复制 Teaser 组件来创作变体,然后自定义内容(例如,更新标题和图像)。
                    note tip TIP 您可以使用生成变体从主XF快速创建新变体。  - 
                  
重复这些步骤以创建另一个变量(例如,“漫游”)。
                    您现在有三个用于A/B测试的体验片段变体。
 - 
                  
在使用Adobe Target显示变体之前,您需要从主页中删除现有的静态Teaser。 它可防止内容重复,因为体验片段变量是通过Target动态插入的。
- 导航到 英语 主页
/content/wknd/language-masters/en - 在编辑器中,删除Camping in Western Australia Teaser组件。
                       
 - 导航到 英语 主页
 - 
                  
将更改转出到 美国>英语 主页(
/content/wknd/us/en)以传播更新。
                     - 
                  
发布 美国>英语 主页以启用更新。
                     
将变体作为选件导出到Adobe Target
导出体验片段变量,以便它们可以用作Adobe Target中A/B测试的选件。
- 
                  
在AEM中,导航到Camping in Western Australia,选择三个变体,然后单击导出到Adobe Target。
                     - 
                  
在Adobe Target中,转到 选件 并确认已导入变体。
Adobe Target中的
                     
在Adobe Target中创建A/B测试活动
现在,创建A/B测试活动以在主页上运行试验。
- 
                  
安装Adobe Experience Cloud可视化编辑帮助程序 Chrome扩展。
 - 
                  
在Adobe Target中,导航到 活动 并单击创建活动。
                     - 
                  
在 创建A/B测试活动 对话框中,输入以下内容:
- 类型: Web
 - 编辑器:可视
 - 活动URL:例如
https://wknd.enablementadobe.com/us/en.html 
单击创建。
                     - 
                  
将活动重命名为有意义的内容(例如,“WKND主页A/B测试”)。
                     - 
                  
在 体验A 中,在 最近的文章 部分上方添加 体验片段 组件。
                     - 
                  
在组件对话框中,单击选择选件。
                     - 
                  
选择 Camping in Western Australia 变量,然后单击添加。
                     - 
                  
重复执行 体验B 和C,分别选择 离开网格 和漫游。
                     - 
                  
在 定位 部分中,确认流量平均分配到所有体验。
                     - 
                  
在 目标和设置 中,定义您的成功量度(例如,CTA单击体验片段)。
                     - 
                  
单击右上角的 激活 以启动测试。
                     
在Adobe Experience Platform中创建和配置数据流
要将Adobe Web SDK连接到Adobe Target,请在Adobe Experience Platform中创建数据流。 数据流充当Web SDK和Adobe Target之间的路由层。
- 
                  
在Adobe Experience Platform中,导航到 数据流 并单击创建数据流。
                     - 
                  
在 创建数据流 对话框中,输入数据流的名称,然后单击保存。
                     - 
                  
创建数据流后,单击添加服务。
                     - 
                  
在 添加服务 步骤中,从下拉列表中选择Adobe Target,并输入Target环境ID。 您可以在Adobe Target中的管理 > 环境下找到目标环境ID。 单击 保存 以添加该服务。
                     - 
                  
查看数据流详细信息,以验证是否已列出和正确配置Adobe Target服务。
                     
使用Web SDK扩展更新“标记”属性
要从AEM页面发送个性化和数据收集事件,请将Web SDK扩展添加到Tags属性中,并配置在页面加载时触发的规则。
- 
                  
在Adobe Experience Platform中,导航到 标记 并打开您在集成Adobe标记步骤中创建的属性。
                     - 
                  
从左侧菜单中,单击扩展,切换到 目录 选项卡,然后搜索Web SDK。 单击右侧面板中的安装。
                     - 
                  
在 安装扩展 对话框中,选择您之前创建的数据流,然后单击保存。
                     - 
                  
安装后,请确认 Adobe Experience Platform Web SDK 和 Core 扩展都出现在 已安装 选项卡下。
                     - 
                  
接下来,配置用于在加载库时发送Web SDK事件的规则。 从左侧菜单导航到规则,然后单击创建新规则。
                    note tip TIP 规则允许您根据用户交互或浏览器事件定义标记触发的时间和方式。  - 
                  
在 创建规则 屏幕中,输入规则名称(例如,
All Pages - Library Loaded - Send Event),然后单击 事件 部分下的+添加。
                     - 
                  
在 事件配置 对话框中:
- 扩展:选择核心
 - 事件类型:选择已加载的库(页面顶部)
 - 名称:输入
Core - Library Loaded (Page Top) 
单击 保留更改 以保存事件。
                     - 
                  
在 操作 部分下,单击 +添加 以定义触发事件时发生的操作。
 - 
                  
在 操作配置 对话框中:
- 扩展:选择Adobe Experience Platform Web SDK
 - 操作类型:选择发送事件
 - 名称:选择AEP Web SDK — 发送事件
 
                     - 
                  
在右侧面板的 Personalization 部分中,选中 呈现可视化个性化决策 选项。 然后,单击 保留更改 以保存操作。
                    note tip TIP 此操作会在页面加载时发送AEP Web SDK事件,从而允许Adobe Target提供个性化内容。  - 
                  
查看已完成的规则,然后单击保存。
                     - 
                  
要应用更改,请转到发布流,将更新的规则添加到库。
                     - 
                  
最后,将库提升到生产。
                     
验证AEM页面上的A/B测试实施
一旦活动上线且Tags库已发布到生产环境,您就可以在AEM页面上验证A/B测试。
- 
                  
访问已发布的网站(例如,WKND启用网站),并观察显示的变量。 尝试从不同的浏览器或移动设备访问它以查看其他变体。
                     - 
                  
打开浏览器的开发人员工具并检查 网络 选项卡。 按
interact筛选以查找Web SDK请求。 该请求应该包含有关Web SDK事件的详细信息。
                     
响应应包括Adobe Target所做的个性化决策,以指示提供了哪个变量。
          
          
- 或者,您可以使用Adobe Experience Platform Debugger Chrome扩展检查Web SDK事件。
                   
实时演示
要查看A/B测试的实际执行情况,请访问WKND启用网站,并观察体验片段的不同变体在主页上的显示方式。