Google Optimize ABTest

Google Optimize ABTest 让用户增长更猛一些!

一、背景

最近在思考一个问题,那就是:随着疫情的发展,独立站越来越流行,而独立站更多的就是 Web,而非 App。所以对于端开发者而言,好像有点时光倒流了。特别是 iOS14 这个烟雾弹 若隐若现的,干扰着 App 广告人的视线,导致大家又重新开始审视 Web 广告投放了。

AB Test 演示视频
密码:seven

这也是我为什么要研究的原因。

上一次,我们讲了 Google Tag Manger,一次部署,配置化完成网站运营需求,的确方便了广告主的快速投放,甚至还可以在下单完成后,再弹框送券,好好就用的话,必然会对广告投放有大的提效。

用户被拉过来后,我们面临的是怎样让用户高效转化。

到底网页上的按钮颜色用红色还是蓝色? 或者 到底 用户喜欢 A 页面 还是 B 页面。再或者 新用户是喜欢 A 页面或 B 页面;而老用户喜欢 C 页面或 D 页面。

怎么办?所以这个时候,Google Optimize 就派上用场了。因为上述的场景只要引用 Google Optimize 的 JS 代码,一切都可以配置化完成。

先上一张 Google Optimize 的网页截图如下:

Google Optimize

说得很直白,你的网站其实就是你的橱窗,前所未有地吸引您的网站访问者,免费创建个性化体验的 ABi 测试吧。

业内一直说的 No Data,No Bibi。 以及 Shein 和 元气森林的动态测品,都是在更大维度的测试,但到了网站,你的网站的转化也是需要 Ab 测试的。

二、开始 Google Optimize 之旅

老规矩,英文好的,直接看英文视频:
https://www.youtube.com/playlist?list=PLI5YfMzCfRtbgHPUPVBhIMzHbdJNvq8kN

视频优化列表

发贴我一般都留种的。

我们接着来实战一下吧。

说一下我们的实战的内容:

  1. 我想测试一下,页面上添加到购物车按钮文案:Add To Cart 改为 SHOP NOW 哪一个效果更好。
  2. 我对网站进行了改版,A 页面为老页面,B 页面为新页面,我想知道哪个页面的转化比较好。

三、通过Google Optimize动态修改页面元素

在使用之前,你需要有一个网站,这里就用我自己的网站进行测试了,以及 google analytics、Google Optimize的帐号,然后我们去Optimize中去创建体验。

点击 创建体验后进入下面页面:

创建实验页面

这里点击创建按钮后,进入如下界面:

设置实验详情

这里我们先看一下我们页面的代码:

直接上代码

在 Header 中我们已经添加了 optimize.js,然后我们的 body 中 有一个添加到购物车链接,已经通过蓝底色圈中。

如果正常情况下,我们想测试 这个链接的文案是用 Add To Cart 还是 BUY NOW 那要费老劲了,开发,AB,然后看报表。

但现在我们可以直接通过 Optimize 的 变体来实现。

添加变体

接上上张图片中的添加变体,取个名字:BUY NOW Test后,详如下图:

添加变体成功后

这里就有了两个分桶实验,各占50%的分桶,50%用户去原始网页桶,50%用户去你的实验桶。那实验桶 要怎样 把 Add To Cart 文案 改为 BUY NOW 呢?我们点击蓝色的按钮 修改。

进入修改页面

选中我们要修改的 Add To Cart 链接后,右下角出现 修改元素一栏。

我们选择修改文本

点击修改后,弹出菜单,可以是移除,修改文档,以及 HTML,甚至运行 Javascript,当然也可以自定义按钮的样式 CSS。

可以直接链入我们要修改的文案

把 Add To Cart 修改为 BUY NOW。点击完成回到主界面,向下滚动,添加GA 中的衡量指标如下:

这里设置为网页浏览量

需要先关联好 GA 相关帐号,然后我们选择 衡量的指标就是 网页浏览量。

再向下滑动,可以看到Google Optimize 要求我们在网页中嵌入的 JS SDK 代码。

截屏2021-03-29 下午5.05.07.png

到这里,我们就可以启动我们的实验了。

可以启动实验看效果了

点击启动 按钮。。。。。

启动后,我们就可以体验了,点击结束按钮边上的实时调试。

开启实时调试

然后会看到访问网页时的 AB 实验的分发信息如下:

我当前命中了自然桶

那要怎么触发实验桶呢?为了保证用户的体验一致性,所以给我分发了自然桶的话,我这个浏览器已经被写入了分桶 cookie,要换一个浏览器,或隐私方式来测试了。

我换了 Safari 浏览器

然后我们发现,同样的网址,但是不同浏览器的展示的文案不一样了。

放在一起秀一秀

所以通过 Google Optimize 就实现了 动态分桶修改页面的元素了。

还可以修改 HTML噢!

所以 对于页面上的任意元素和布局,基本是无阻碍了。

三、页面效率对比 的 ABTest实施

这里我准备了两个页面:
https://www.dealfuns.com/optimizeb.html

https://www.dealfuns.com/optimizec.html

形如下图:

要测试效率的两个页面
直接创建重定向测试

直接创建重定向测试,来对比 B 页面 和 C 页面的转化效率。

重定向测试待处理事项

我们未点亮的操作如下:

  1. 创建变体,即告诉我们可以重定向到其他什么页面。
  2. 设置目标,用来衡量切换后的效果。
  3. 然后就可以启动了。

我们这里讲第1步,点击 添加变体 按钮。

输入 C 的网址

然后向上次一样设置好目标,就可以启动了。

可以启动实验了

然后就可以去测试一下 重定向的速度了,不好贴图,大家可以自已访问网页进行测试:
https://www.dealfuns.com/optimizeb.html

四、小小的感慨

Google 真是 PAAS 的产品典范,轻开发越来越成为趋势,现在想想,以前搭一个开发环境,数据库用哪个版本,JAVA 用哪个版本,操作系统用什么版本,都需要开发人员关心,但是现在开发,有了docker,环境配置,以及要部署的代码都做成了镜像,可以直接下载,有了docker 后,才有了现在云服务的繁荣。

而同样的操作,在 App 端 Google FireBase 也都支持了,详如下图:

FirebaseAb 推送和 Ab 配置

可以从推送、远程配置、应用内消息进行 AB 测试,所以某个值的变化,同样的 文案、以及新上线的页面,也可以做到动态的 AB 方案,然后再GA 转化衡量出 AB 效果。

五、边界与出圈

所以通过上述案例,因为 Google 最先做的统计系统GA,在有了 GA 后,再慢慢切入了 FireBase 以及 TagManager 以及 Google Optimize,因为有了数据衡量指标,一步步的扩展自己的边界。

而同样的,广告行业的归因行业,最一开始有了广告平台归因,然后有了事件传输,然后有了流失预测,然后有了反作弊,然后有了自己的数据洞察。

这里多提两句反作弊,现在的作弊真的是越来越难了,因为设备的传感器信息会分分钟出卖设备农场,详如下图:

设备农场

因为如果一个 App 从激活 到 下单的过程中,他的陀螺仪、电量、距离感应器、GPS 定位都没有发生过变化,那就可以确定是一个假量了。

就好比流量产品,流量产品所到之处,必须枝繁叶茂,如果不是,那流量产品就会出圈建他个枝繁叶茂!

最后,分享给爱学习的你一个188元的红包,每天只需要0.48元即可加入一个创建五年的圈子,10位嘉宾都是多年大厂背景:阿里、头条、美团、亚马逊、得物,职位从运营、产品、客户端、大前端都有,期待你的加入,一起学习交流:

微信扫码领188元立减券
微信扫码领188元立减券

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注