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 的网页截图如下:
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-20b3072f51e96b8f58e0f5b60499ce4c.png)
说得很直白,你的网站其实就是你的橱窗,前所未有地吸引您的网站访问者,免费创建个性化体验的 ABi 测试吧。
业内一直说的 No Data,No Bibi。 以及 Shein 和 元气森林的动态测品,都是在更大维度的测试,但到了网站,你的网站的转化也是需要 Ab 测试的。
二、开始 Google Optimize 之旅
老规矩,英文好的,直接看英文视频:
https://www.youtube.com/playlist?list=PLI5YfMzCfRtbgHPUPVBhIMzHbdJNvq8kN
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-df5c605f40e83a820f55cd32ad237f8f.png)
发贴我一般都留种的。
我们接着来实战一下吧。
说一下我们的实战的内容:
- 我想测试一下,页面上添加到购物车按钮文案:Add To Cart 改为 SHOP NOW 哪一个效果更好。
- 我对网站进行了改版,A 页面为老页面,B 页面为新页面,我想知道哪个页面的转化比较好。
三、通过Google Optimize动态修改页面元素
在使用之前,你需要有一个网站,这里就用我自己的网站进行测试了,以及 google analytics、Google Optimize的帐号,然后我们去Optimize中去创建体验。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-4e05ef40f54ed613be6f7174fb689c64.png)
点击 创建体验后进入下面页面:
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-a70214d9dfac55ecbd4fc32f7035dd1d.png)
这里点击创建按钮后,进入如下界面:
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-9cade6d5c8b0ad59c6b32b5e21abc5ae.png)
这里我们先看一下我们页面的代码:
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-7f19031f98cf463bd0be6e603ca47ab5.png)
在 Header 中我们已经添加了 optimize.js,然后我们的 body 中 有一个添加到购物车链接,已经通过蓝底色圈中。
如果正常情况下,我们想测试 这个链接的文案是用 Add To Cart 还是 BUY NOW 那要费老劲了,开发,AB,然后看报表。
但现在我们可以直接通过 Optimize 的 变体来实现。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-cc09c17511e154aef38c727ef32a7987.png)
接上上张图片中的添加变体,取个名字:BUY NOW Test后,详如下图:
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-de17992fd4110a0dcd52c9b291daf4c3.png)
这里就有了两个分桶实验,各占50%的分桶,50%用户去原始网页桶,50%用户去你的实验桶。那实验桶 要怎样 把 Add To Cart 文案 改为 BUY NOW 呢?我们点击蓝色的按钮 修改。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-0655667734fb3b05769f9086bb703982.png)
选中我们要修改的 Add To Cart 链接后,右下角出现 修改元素一栏。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-f467e6071b50eedb25b6740e4c7b1de1.png)
点击修改后,弹出菜单,可以是移除,修改文档,以及 HTML,甚至运行 Javascript,当然也可以自定义按钮的样式 CSS。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-0b1b98dd12300cd69de83d61f0763777.png)
把 Add To Cart 修改为 BUY NOW。点击完成回到主界面,向下滚动,添加GA 中的衡量指标如下:
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-cef40f2c7b619cec972f35d1abac8b46.png)
需要先关联好 GA 相关帐号,然后我们选择 衡量的指标就是 网页浏览量。
再向下滑动,可以看到Google Optimize 要求我们在网页中嵌入的 JS SDK 代码。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-7a3a5d749d2104d7f70796d1c997adb1.png)
到这里,我们就可以启动我们的实验了。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-ce2a11b7875f7b0925f933ee2a2629de.png)
点击启动 按钮。。。。。
启动后,我们就可以体验了,点击结束按钮边上的实时调试。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-da33004fbf45b1a516285a3d92422de2.png)
然后会看到访问网页时的 AB 实验的分发信息如下:
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-a43c00e37bedd88c480ab0e0c7087b0d.png)
那要怎么触发实验桶呢?为了保证用户的体验一致性,所以给我分发了自然桶的话,我这个浏览器已经被写入了分桶 cookie,要换一个浏览器,或隐私方式来测试了。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-6e6957b106d4108d8adb84fd9fc49c4a.png)
然后我们发现,同样的网址,但是不同浏览器的展示的文案不一样了。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-4f22ef0b7b149eda8cac6035a75f286e.png)
所以通过 Google Optimize 就实现了 动态分桶修改页面的元素了。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-3e427c42f74c81e61d727c99e8f05231.png)
所以 对于页面上的任意元素和布局,基本是无阻碍了。
三、页面效率对比 的 ABTest实施
这里我准备了两个页面:
https://www.dealfuns.com/optimizeb.html
和
https://www.dealfuns.com/optimizec.html
形如下图:
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-2c24405b88c3f9a9e77208ccf2f552e9.png)
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-87ccfc40cf33cc15de730d105b035ab3.png)
直接创建重定向测试,来对比 B 页面 和 C 页面的转化效率。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-7c6d5416ce39cb62b6073c1b128ffa28.png)
我们未点亮的操作如下:
- 创建变体,即告诉我们可以重定向到其他什么页面。
- 设置目标,用来衡量切换后的效果。
- 然后就可以启动了。
我们这里讲第1步,点击 添加变体 按钮。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-1341923d75259328cb1415f31ecbbb05.png)
然后向上次一样设置好目标,就可以启动了。
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-10966b093653979f21b4e6d6a94e5cdf.png)
然后就可以去测试一下 重定向的速度了,不好贴图,大家可以自已访问网页进行测试:
https://www.dealfuns.com/optimizeb.html
四、小小的感慨
Google 真是 PAAS 的产品典范,轻开发越来越成为趋势,现在想想,以前搭一个开发环境,数据库用哪个版本,JAVA 用哪个版本,操作系统用什么版本,都需要开发人员关心,但是现在开发,有了docker,环境配置,以及要部署的代码都做成了镜像,可以直接下载,有了docker 后,才有了现在云服务的繁荣。
而同样的操作,在 App 端 Google FireBase 也都支持了,详如下图:
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-a1469cf16f8f5ee1c23358bafa637cba.png)
可以从推送、远程配置、应用内消息进行 AB 测试,所以某个值的变化,同样的 文案、以及新上线的页面,也可以做到动态的 AB 方案,然后再GA 转化衡量出 AB 效果。
五、边界与出圈
所以通过上述案例,因为 Google 最先做的统计系统GA,在有了 GA 后,再慢慢切入了 FireBase 以及 TagManager 以及 Google Optimize,因为有了数据衡量指标,一步步的扩展自己的边界。
而同样的,广告行业的归因行业,最一开始有了广告平台归因,然后有了事件传输,然后有了流失预测,然后有了反作弊,然后有了自己的数据洞察。
这里多提两句反作弊,现在的作弊真的是越来越难了,因为设备的传感器信息会分分钟出卖设备农场,详如下图:
![](https://www.ssevening.com/wp-content/uploads/2021/09/frc-b4acf76d1bae091d44043229329a2382.png)
因为如果一个 App 从激活 到 下单的过程中,他的陀螺仪、电量、距离感应器、GPS 定位都没有发生过变化,那就可以确定是一个假量了。
就好比流量产品,流量产品所到之处,必须枝繁叶茂,如果不是,那流量产品就会出圈建他个枝繁叶茂!
赛文市场营销