目录
已经上线视频课程:用Google Optimize做AB测试优化
虽然站点已经有一些关于Google Optimize的内容,Google Optimize入门(1),Google Optimize入门(2),但是仍有不少的人问这方面的问题,在这里再写一篇关于优化工具的内容,偏重于部署实施,主要流程都会配备截图,方便读者理解操作。
创建账号和容器
- 如果你是第一次使用,需要先创建账号,在创建容器。
- 如果你不是第一次使用,已经有账号,那么可以直接在该账号下创建容器。
打开 https://optimize.google.com/optimize/home/,用谷歌账号登录可以进入Google Optimize的主界面:
这个就是Optimize的账号和容器管理界面,一个谷歌账号可以创建多个Optimize账号,一个Optimize账号可以创建多个容器,每个容器对应一个网站。
点击右上角的“创建账号”就可以创建账号,创建账号的设置界面如下:
账号名称:自定义,一般写公司名称,在这里我写“GA小站”
然后勾选下面几个选项就可以创建账号,如果你是刚创建一个新的账号,那么它自动会进入容器的设置页面:
容器名称:一般网站的域名了,如这里填http://www.ichdata.com,然后点击右上角的“创建”就完成了。
关联Google Analytics 4
点击进入容器后,点击右上角的设置,如下图所示:
进入容器设置:
点击“关联到Analytics(分析)”,选择需要关联的GA4媒体资源,然后关联:
这样就完成了。
布署Google Optimize
有两种布署方式:
- 一种是使用optimize.js ,这种是需要optimize.js代码布署到所有页面的header里
- 一种是通过GTM去布署
目前官方推荐使用第一种,因为它提供最佳性能并且是安装 Optimize 的最简单方法。
使用optimize.js 安装Google Optimize
在容器设置页面获取optimize.js:
代码默认是同步加载,如果你要异步加载,可以更改为:
<script async src="https://www.googleoptimize.com/optimize.js?id=OPT-M5VJJ9R"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></script>
复制上述代码,然后将其黏贴到所有页面的header里。
通过GTM安装Google Optimize
还是在容器设置页面,这里有个ID,这个叫容器ID,它是Opt开头的(以前是GTM开头的,为了和Google Tag Manager的容器ID区分,现在创建的是OPT开头):
复制它,然后在到GTM里面新建一个代码,选择Google Optimize的,命名为OPT,做如下设置:
将容器ID黏贴到优化工具容器ID即可,其他不做修改,然后保存。
注意:保存时不需要选择触发器,不需要选择触发器,不需要选择触发器。
Optimize代码需要在Google Analytics 4 代码之前触发,找到Google Analytics 4 的默认代码,在“高级设置”——“代码触发顺序”里选择在***触发之前触发代码,安装代码选择OPT
最后的效果:
创建实验
点击“我们开始吧“就可以开始实验的设置
- 名称:就是你这个实验的名字,
- URL,这个就是你需要做测试页面的URL,你需要对哪个页面做测试,就填写哪个URL
实验的类型,就是做哪种类型的实验,之前只有三种类型的,现在有五种了,分别是:
- A/B测试:也常叫做A/B/N测试,就是在相同的URL页面,只修改一个(较少)地方去测试,最多可以有8个版本,这也是最常用的实验。
- 多变量测试:在同一个页面上测试两个或多个不同的位置,该实验适用于同一页面上多种不同元素组合的情况,最多可以有16个版本。
- 重定向测试:测试包含不同的URL或者路径的页面,如Landing Page 1和Landing Page2,这样的就需要用重定向的了。
- 个性化调整,可以向特定群体的用户展示特定的内容。
- 横幅模板:页面头部一个横幅。
创建变体
创建变体就是创建实验的版本。
点击“添加变体”,可以看到如下页面:
变体名称:你可以自定义,我这里就不修改,用“变体1”命名。
然后点击右上角的“完成”,你就可以在定位和变体中看到:
然后点击“修改”,它会打开一个你要测试的页面,会打开一个可视化编辑页面,可以允许你对需要做测试的地方做修改的
这里需要注意的是,你先需要现在Chrome安装Google Optimize这个插件。
图中各处的功能如下:
- Experiment Name:实验名字
- Toggle Variants:切换变体
- Device Testing:模拟不同设备
- Number of Changes Made:版本记录
- Diagnostics:诊断
- Custom CS:查看页面代码
- Interactive Mode:交互模式
- Settings:设置
- CSS Element Selector css元素选择器
- Element Hierarchy:元素层次结构
- Selected Element:选择元素
- Modify Element Options:修改元素属性
- CS Editor CS编辑器
添加定位规则
定位分为网页定位和受众群体定位。
- 网页定位:就是在哪些页面做测试,一般就是测试页面或可编辑页面,不需要修改。
- 受众群体定位:就是哪些对哪些访客做测试。
里面有很多的维度可以设置,如可以实现对特定城市、特定广告系列、特定设备类型的流量做AB测试。
设置目标
设置优化的目标,这是实验的目的,可以设置一个主要目标和两个附加目标。
目标有三类:
- 电子商务:系统内置
- 转化:GA4里的转化
- 其他:特定页面的浏览。
设置
- 优化工具安装:让Optimize去检测我们布署的代码是否正确,这是非常重要的一步,在正式讲实验发布出去之间,一定要用这个检查一下,如果看到如下结果就表示布署没问题:
- 电子邮件通知:报告和异常的通知。
- 流量分配:测试流量分配比例,有多少符合条件的流量要进入测试,如果你流量规模很大,可以调整比例,如果你流量规模不大,那么默认100%的就可以了。
- 激活事件:什么时候触发,Web的一般都是基于页面加载。
其实还有一个是需要设置的,就是设置实验的运行时间,如果你不设置,直接运行实验,那么默认是运行35天,一般实验最少是需要14天,可以设置在特定的时间段去测试。
运行实验
确认没问题,就点击“启动”开始运行的您实验
实验结果
Google Analytics 4 里的事件里会出现experiment_impression事件。
这个事件是带有一些参数,需要注册后才可以在探索里使用。
Optimize里的报告:
Optimize报告的数据比Google Analytics的更多。
如果测试的过程中有一组明显是优于另一组的,Optimize会提前告诉你的。