欢迎访问我的博客,有问题可以在任意文章底部留言评论

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

Adobe Launch Haran 7年前 (2020-02-26) 5622次浏览 0个评论

本文将带你完整走过Adobe Target V2的部署与AB测试设定流程,从Adobe Launch的扩展功能安装、规则设定,到Adobe Target 的实验建立、预览与上线,涵盖完整实作步骤。

前提条件

在开始之前,请确认你已具备以下权限与资源:

  • Adobe Launch 权限:需具备编辑与发布权限。
  • 服务器权限:需能修改网站源码,以部署防闪烁代码。
  • Adobe Target V2:本教学基于Adobe Target V2版本。
  • 浏览器扩展:使用Chrome时,需安装VEC辅助扩展。

 

Adobe Launch配置Adobe Target V2

安装扩展(Extensions)

首先需要在Adobe Launch配置Adobe Target v2,

在Adobe Launch中点击「Extensions」——「Catelog」,然后搜索Adobe Target,选择V2的版本安装

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

安装完成后,系统会自动带入以下信息,无需手动填写

  • Client Code:就是组织Id
  • Organization Id:是Adobe的组织Id,名字的结构是*************@AdobeOrg
  • Server Domain:这个是收集数据的服务器,在你的client code已确定,这个地址也是确定的

 

安装防闪烁代码(Pre-hiding Snippet)

安装画面顶部有一段关键提示If deploying Launch asynchronously, we recommend hard-coding the following pre-hiding snippet immediately before the asynchronous embed codes in order to manage flicker. For more details, see:Adobe Target extension with an asynchronous deployment documentation section.

由于大多数网站采用异步加载方式,必须额外部署防闪烁代码,否则用户会看到页面内容闪动,严重影响体验。

点击 “Copy prehiding snippet to Clipboard!” 复制代码。

防闪烁代码无法透过Adobe Launch部署,必须以硬编码(hard-code)方式直接写在页面上,将代码部署至网站服务器:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

这里需要注意,直接复制代码是没有<script></script>的,由于这是js,需要你自己手动加上。

 

建立规则(Rules)

在Adobe Launch中建立一个新规则,命名为Adobe Target V2

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

 

EVENT(事件)

EVENT中做如下设置:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

Library Loaded(Page Top)表示 Adobe Launch 加载完成后立即触发

ACTIONS(动作)

需要创建三个ACTIONS,顺序不可颠倒

第一个 ACTIONS,是初始化Adobe Target,这个是必须的:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

第二个ACTIONS是传递的定义的参数,这个是可选的:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

第三个ACTIONS是发送页面加载请求,这个是必须的:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

 

最后Rules设置后的效果是:


Adobe Launch + Adobe Target V2:AB测试全流程实战指南

实务提醒Load Target 和 Fire Page Load Request 是必须的两个动作,且自定义参数动作应放在两者中间。

 

 

发布与验证

将设定的变更提交至 Adobe Launch,发布到测试或政是环境,通过Adobe Experience Cloud Debugger去测试:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

可以看到这里有Adobe Target Library加载,表示布署成功。

Adobe Target管理端配置

在Adobe Target中,主要需要配置三个位置,皆位于Setup选单下。

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

Preference

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

这里主要设置三个地方:

  • Custom Global Mbox:全域Mbox名称,保持预设 target-global-mbox(若自定义需同步修改其他设定)
  • Results and Reporting:是设置看数据报告的地方,选择 Adobe Target(或连接Adobe Analytics)
  • Mobile Viewport Configuration:设置wap端的测试硬件环境,如果你需要在wap端做测试,那么就需要设置

 

Properties

Properties的作用类似Adobe Analytics的报表包,用于指定Adobe Target的数据要关联到哪个位置

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

创建一个Properties,有两种部署方式:

一种方式是硬编码,将产生的代码(代码位置如下)直接复制到网站 <head> 中,放在防闪烁代码前面Adobe Launch + Adobe Target V2:AB测试全流程实战指南

一种是通过 Rules 去设置,可以在Add Params to Page Load Request添加一些参数,我这里采用这种方式去配置:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

配置好后需要发布一个library才会生效。

 

Hosts

Hosts用于指定Target的端点服务器,通常与Adobe Launch中的设定自动同步。

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

如果没有配置这里,将无法加载Adobe Target的实验内容。

 

建立AB创建实验

在Adobe Target中点击「Activities,」——「Create Activity」——「A/B Test」:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

 

输入要测试的页面网址:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

 

进入设定画面:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

Adobe Target将设置的过程分为三步:Experience、Targeting、Goal & Settings,下面来逐个讲解如何设置

Experience(体验)

首先设置实验的名字,将鼠标移至右上角标题区域,点击rename,然后自定义修改:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

 

然后是关联Properties,设置的位置在:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

设置的界面如下

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

选择www.ichdata.com的

 

最后是设置实验的编辑模式,默认Enhanced Composer,这种只能点对点做有限的编辑,另一种是Visual Experience Composer (VEC),建议使用VEC,所以需要做调整,调整的地方在:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

将Enable Enhanced Composer 关闭:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

需要注意,这个如果是在Chrome浏览器,需要安装插件Enable Enhanced Composer ,如果是Firefox直接使用。

然后就可以可视化编辑了:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

 

在这里,我将实验版本将“GA小站”替换为“AB测试”,效果如下:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

然后就可以下一步

 

Targeting(目标受众)

此步骤设定谁会看到实验版本以及流量分配比例。

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

要修改受众群体的话直接点击All Visitors右侧三个点去替换

 

Goal & Settings(目标与设定)

此步骤设定实验的目标与相关描述资讯:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

有不少的设置,但都是基础的,如实验的信息,时长,优先级,目标。

设置好就下一步。

 

测试和发布实验

预览实验

设定完成后,会进入活动摘要页面

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

点击Activity QA,系统会弹出多个测试连结,复制第二个链接(通常是QA预览连结)

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

开启连结即可预览实验版本的呈现效果:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

测试与验证

发布实验后,直接打开页面,可以看到:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

如果没看到的,清除cookie,在刷新。

我们还可以看cookie里面的mbox,在没有实验运行的时候的cookie是这样

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

有实验的cookie是这样:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

长了很多,里面是实验的信息。

查看实验报告

因为我们在前面设置的时候,将报告显示在Adobe Target, 直接点击对应的实验就可以看到:

Adobe Launch + Adobe Target V2:AB测试全流程实战指南

常见问题

防闪烁代码一定要部署吗?

是的,强烈建议部署。

若未部署防闪烁代码,用户在 Target 加载完成前会看到原始内容,加载完成后才切换为实验版本,造成视觉闪烁,严重影响用户体验。

 

为什么 Chrome 无法使用 VEC?

Chrome 需安装 Adobe Target VEC Helper 扩展,才能正常加载 VEC 编辑界面。Firefox 则无此限制。

 

Target 的 Properties 和 Adobe Analytics 的 Report Suite 有什么关系?

Properties 是 Target 的数据容器概念,类似 Analytics 的 Report Suite。两者独立运作,但可透过设定将 Target 的数据报告显示在 Analytics 中进行整合分析。

 

发送多个 Add Params 到 Page Load Request 是否有顺序要求?

无特定顺序要求,但建议将 Load Target 放在最前面,Fire Page Load Request 放在最后面,自定义参数动作置于中间。

 


有疑问可以在底部留言
喜欢 (15)
发表我的评论
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址