微信小程序参数化AB测试 | 微信小程序参数化AB测试

当下,微信小程序凭借其轻便灵活、推广迅速的特点,快速占领互联网市场,形成了很强的用户粘性。小程序的体验效果及转化率也成为企业关注的重要KPI之一。

云眼为小程序AB测试提供了参数化功能,相比于传统的全栈API,它的特点是将小程序中的页面元素、算法规则等动态化,而不是“写死”在代码中。比如,界面的图片、导航栏及产品列表内容等,皆可通过修改配置信息的方式,实现动态调整,而无需修改代码。运营人员无需技术人员支持即可通过云眼编辑器完成AB测试的配置和实施,非常简便、高效!

小程序参数化的基本流程主要包括整体设计编码实现试验配置和实施结果分析等。

 

一、整体设计

1.产品经理和运营人员根据业务需求,确定需要参数化的界面及元素

在进行小程序参数化AB测试之前,需要规划好哪些内容可能进行优化和调整。对未来可能进行AB测试的元素,进行参数化布局。后续无需频繁的编辑代码,即使某些区域最终没有进行AB测试,也不会受到影响。

确定界面及元素

2. 产品经理和运营人员确定试验目标

目标的选择往往是和业务指标相关的行为,比如按钮、链接或图片的点击等,要把可能用来衡量试验结果的目标尽可能都考虑进去。

确定试验目标

3. 形成AB测试设计要求

将具体的设计内容和要求形成文档,提交给技术人员,准备进行参数化AB测试的编程工作。

 

二、编码实现

1.在进行编码前,要先在云眼平台进行试验的建立、整体变量及目标的设置。

首先创建一个全栈优化方案,进入编辑器,在“设置变量”中点击“创建变量”,创建需要的变量并为变量赋值,然后点击“保存“。

创建变量

在“设置变量”界面,可以看到刚刚创建的变量。

已创建的变量

在“设置目标”界面,输入目标名称,点击“创建目标”。

创建目标

最后点击保存,参数化需要用到的变量和目标就创建完成了。

 

2. 编写代码,实现参数化

首先要在云眼平台下载SDK,加载到项目中,然后添加包装文件eoc_manager.js(引入SDK并获取配置文件的信息),在需要进行参数化的页面当中引入eoc_manager.js,并实例化eyeofcloud。

1)参数化具体实现示例(参数化轮播图):

首先,定义初始数据。

var eocmanager = require(‘../../eoc_manager.js’)
data:{
imgUrls:[
{
url:”../../resources/images/1.jpg”,
desc:”this is the first picture”
}
],
},

然后,实例化eyeofcloud并调用接口获取配置文件的信息。

onLoad: function() {
var that=this;
//调用应用实例的方法获取全局数据
app.getUserInfo(function (userInfo){
eocmanager.getInstance().then(function (eyeofcloud){
//参数化轮播图
var carousel-img1 = eyeofcloud.getVariable(‘carousel-img1 ‘, userInfo.nickName, true);
});
});
},

最后,将从配置文件获取到的参数替代原先常量的值。

If (carousel-img1) {
  var nowKey = ’imgUrls[‘+0+’].url’;
  that.setData({
  [nowKey]:carousel-img1
})
}

注意: 如果要参数化的元素是String类型,调用getVariable接口;如果要参数化的元素是boolean类型,调用getVariableBoolean接口。调用的时候需要提供3个参数,分别是参数化元素的名称(唯一且为英文字符串) 、用户ID和布尔类型的true或false (一般情况下为true) 。

2)跟踪目标具体实现示例,在目标事件触发时,调用track接口,需要提供2个参数,目标的名称和用户的ID。

clickSwiper:function(e){
  //获取全局数据并实例化
  app.getUserInfo(function (userInfo) {
    eocmanager.getInstance().then(function (eyeofcloud){
      var id = e.currentTarget.id;
      switch(id){
        case ‘0’:
          eyeofcloud.track(’用户点第一张轮播图’, userInfo.nickName);
          break;
        case ‘1’:
          eyeofcloud.track(‘用户点第二张轮播图’, userInfo.nickName);
          break;
         }
})
})
},

三、试验配置和实施

完成以上整体配置和编程后,便可以在云眼控制台创建优化方案进行AB测试了。在假设的基础上设计试验后,可以在编辑器的“设置变量”中添加需要使用的变量,并为各个版本填写相应的值,从而生成不同的版本。最后再添加需要的目标并保存,启动试验。

1. 添加需要使用的变量

添加要使用的变量

 

2. 添加需要使用的目标

添加要使用的目标

 

3. 启动优化方案

微信小程序的参数化试验就配置完成后,便可以启动优化方案了。

四、分析试验结果

试验运行一段时间后,可以到云眼控制台查看运行过程与结果。

AB测试结果页面1
AB测试结果页面2

在一次整体设计和编程后,产品和运营人员即可直接通过云眼平台实施一系列AB测试试验。参数化功能降低了对技术人员的依赖,提高了AB测试的实施效率。

测试

 
免费试用,转化率提升就是这样简单快速 立即试用