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

一、背景

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

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

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

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

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

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

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

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

Google Optimize

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

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

二、开始 Google Optimize 之旅

老规矩,英文好的,直接看英文视频:

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

视频优化列表

发贴我一般都留种的。

我们接着来实战一下吧。

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

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

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

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

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

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

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

创建实验页面

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

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

设置实验详情

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

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

直接上代码

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

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

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

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

添加变体

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

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

添加变体成功后

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

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

进入修改页面

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

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

我们选择修改文本

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

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

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

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

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

这里设置为网页浏览量

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

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

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

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

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

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

可以启动实验看效果了

点击启动 按钮。。。。。

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

开启实时调试

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

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

我当前命中了自然桶

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

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

我换了 Safari 浏览器

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

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

放在一起秀一秀

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

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

还可以修改 HTML噢!

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

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

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

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

形如下图:

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

要测试效率的两个页面

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

直接创建重定向测试

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

重定向测试待处理事项

我们未点亮的操作如下:

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

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

输入 C 的网址

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

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

可以启动实验了

然后就可以去测试一下 重定向的速度了,不好贴图,大家可以自已访问网页进行测试:
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 定位都没有发生过变化,那就可以确定是一个假量了。

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

 

来源: 用户增长黑客干货

作者:潘辰星

本文由一恒传媒发布,不代表一恒传媒立场,如若转载,请注明出处:http://www.yihengsem.com/4936.html

chat_bubble_outline 联系我们

联系我们

在线咨询:点击这里给我发消息

邮件:824930179@qq.com

工作日:9:30-18:30,节假日休息

微信联系
微信联系
返回顶部