Google Optimize 使用指南:A/B测试

Google Optimize Haran 6年前 (2018-11-06) 15991次浏览 28个评论

Google Optimize 已于2023年9月停止使用

这一节来讲解如何用Google Optimize做A/B测试,如果你还没有安装Optimize和与Google Analytics 4 关联,请看:免费的A/B测试工具——Google Optimize(基于GA4)

GA小站上有个导航是到在线课堂的位置,现在的文案是“在线课堂”,我想对这个文案做A/B测试,如改为“视频课程”

Google Optimize 使用指南:A/B测试

关于一些原理性的东西,如关键指标的确定,确定最小样本量,测试时间,数据检验,请看:聊聊AB测试的流程和常见问题

下面看如何在Optimize做设置:

创建体验

在Optimize打开要做配置的容器,点击右上角「创建体验」

Google Optimize 使用指南:A/B测试

  • 名称:就是你这个实验的名字,这里命名为“导航按钮「在线课堂」”
  • URL,这个就是你需要做测试页面的URL,你需要对哪个页面做测试,就填写哪个URL

然后点击「创建」。

 

创建变体

创建好A/B测试实验后,就默认进去实验设置的流程,第一步是创建变体,创建变体就是创建实验的版本。

点击「添加变体」,然后做如下设置:

Google Optimize 使用指南:A/B测试

 

  • 变体名称:你可以自定义,我这里用“变体1—视频教程”命名。

然后点击右上角的「完成」,你就可以在“定位和变体”中看到:

Google Optimize 使用指南:A/B测试

 

然后点击「修改」,会打开一个可视化编辑页面,可以对测试的地方做调整:

Google Optimize 使用指南:A/B测试

 

这里需要注意的是,你先需要现在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编辑器

 

将鼠标移动到“在线课堂”,点击右键后选择“修改文本”,然后修改为“视频教程”:

 

Google Optimize 使用指南:A/B测试

这样就修改好变体,点「完成」——「保存」。

 

添加定位规则

定位分为网页定位和受众群体定位:

  • 网页定位:就是在哪些页面做测试,一般就是测试页面或可编辑页面,不需要修改
  • 受众群体定位:就是哪些对哪些访客做测试,里面有很多的维度可以设置,如可以实现对特定城市、特定广告系列、特定设备类型的流量做AB测试

 

设置目标

设置优化的目标,这是实验的目的,可以设置一个主要目标和两个附加目标。

设置目标的前提是,Google Optimize要与Google Analytics 4 关联,这样Google Analytics 4 里的转化才可以在这里使用。

Google Optimize 使用指南:A/B测试

 

设置

 

Google Optimize 使用指南:A/B测试

          

  • 优化工具安装:让Optimize去检测我们布署的代码是否正确,这是非常重要的一步,在正式讲实验发布出去之间,一定要用这个检查一下,有可能会提示你要安装一段防闪烁代码如果看到如下结果就表示布署没问题:

Google Optimize 使用指南:A/B测试

  • 电子邮件通知:报告和异常的通知。
  • 流量分配:测试流量分配比例,有多少符合条件的流量要进入测试,如果你流量规模很大,可以调整比例,如果你流量规模不大,那么默认100%的就可以了。
  • 激活事件:什么时候触发,Web的一般都是基于页面加载。

 

其实还有一个是需要设置的,就是设置实验的运行时间,如果你不设置,直接运行实验,那么默认是运行35天,一般实验最少是需要14天,可以设置在特定的时间段去测试。

Google Optimize 使用指南:A/B测试

运行实验

Google Optimize 使用指南:A/B测试

确认没问题,就点击「启动」始运行的您实验

 

实验结果

测试的实验结果默认在Google Optimize,如果由于Google Analytics 4 关联,那么数据也会出现在GA4的事件报告里。

Google Analytics 4 里看报告

Google Analytics 4 里的事件的experiment_impression事件就是测试数据:

Google Optimize 使用指南:A/B测试

这个事件是带有一些参数,需要注册后才可以在探索里使用。

 

Google Optimize测试报告

Optimize里的报告:

Google Optimize 使用指南:A/B测试

 

Optimize报告的数据比Google Analytics的更多。


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (11)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(28)个小伙伴在吐槽
  1. 请教一下大神,在Optimize中关联GA账户这一步骤,下拉列表中只能看到Universal Google Analytics的账号,GA4的账号一个都看不到(但其实应该有4个账号),这是什么原因呢?谢谢
    jiwei2022-06-17 22:26 回复 Mac OS X | Safari浏览器 604.1
    • Haran
      谷歌ID需要具备Google Analytics 4 管理员或编辑者权限。
      黄业忠2022-06-17 22:53 回复 Mac OS X | Chrome 102.0.0.0
      • 感谢大神的回复。我确认了下自己的谷歌 ID,是有这几个 GA4 账号的管理员权限的,但就是看不到信息
        jiwei8632022-06-20 21:13 回复 Mac OS X | Chrome 102.0.0.0
        • Haran
          Google Optimize是什么权限类型? 只要权限类型对,就自动出现,没有其他设置的了。
          黄业忠2022-06-21 09:06 回复 Mac OS X | Chrome 102.0.0.0
          • 在 Google Optimize 的 account 那里,一直是 Administrator 的权限,但就是只能看到 Universal Google Analytics的账号,GA4的账号一个都看不到。好奇怪
            jiwei8632022-06-21 16:34 Mac OS X | Chrome 102.0.0.0
          • Haran
            正常情况下,权限都符合是自动就有的,可能有bug,可以提给谷歌
            黄业忠2022-06-22 11:45 Mac OS X | Chrome 102.0.0.0
  2. GTM上配置Optimize时,里面有个选项「Google Analytics(分析)设置」,为什么这里要加这个变量{(Google Analytics Settings)},你的书籍里面并有提到,而且书里面要加跟踪ID,这里并有加。另外,在「代码触发选项」里面为什么选择「每次页面加载触发一次」,而不是保留默认的「每个事件触发一次」。
    bruce2021-12-13 17:03 回复 Windows 7 | Chrome 96.0.4664.93
    • Haran
      这个是增加的功能,其实是将跟踪ID放到{(Google Analytics Settings)}。如要继续使用跟踪ID,勾选「Google Analytics(分析)设置」下面的那个方框就可以继续使用跟踪ID。一般AB测试都是大部分页面做测试,所以页面加载的时候触发。
      黄业忠2021-12-14 11:08 回复 Mac OS X | Chrome 96.0.4664.93
      • 如果选择默认的「每个事件触发一次」,然后触发条件选择网页浏览「All Pages」。是不是等同于「每次页面加载触发一次」的效果。
        bruce2021-12-14 14:14 回复 Windows 7 | Chrome 96.0.4664.93
        • Haran
          不是,是该页面的事件才触发。
          黄业忠2021-12-17 11:29 回复 Mac OS X | Chrome 96.0.4664.110
  3. 请问single page application 需要怎么与google optimize 联动呢?
    stone2021-07-01 19:56 回复 Mac OS X | Chrome 90.0.4430.93
    • Haran
      SPA用虚拟页面跟踪,其他的跟普通web一样
      黄业忠2021-07-01 20:00 回复 Mac OS X | Safari浏览器 604.1
  4. 那个”根据模型估算的转化率“这个字段的图形是什么意思,应该怎么解读。看不懂。谢谢。
    bater2021-03-15 15:52 回复 Mac OS X | Chrome 88.0.4324.182
    • Haran
      根据测试实验数据的出来的转化率,线是实际测试每天的转化率,不同颜色的区块的是置信区间
      黄业忠2021-03-15 16:21 回复 Mac OS X | Chrome 89.0.4389.82
  5. 你好 插件安装了 可是可视化编辑页面进不去,知道什么原因吗
    zhoutian2021-03-09 18:09 回复 Windows 10 | Chrome 89.0.4389.82
    • Haran
      清除cookie后重试
      黄业忠2021-03-09 19:21 回复 Mac OS X | Safari浏览器 604.1
  6. 我们目前用的是shopify建站,再安装这个代码的话,请问对网速会有影响吗?
    麦田2019-08-29 13:59 回复 Windows 10 | Chrome 76.0.3809.100
    • 会有影响,但可以忽略
      GA小站2019-08-29 14:01 回复 Mac OS X | Chrome 76.0.3809.100
      • 嗯嗯,谢谢啦。我们现在是想测试下,不同图片风格的点击转化效果,请问通过这个代码就能直接测试使用,还是说需要自己建页面呢?谢谢~
        麦田2019-08-29 14:32 回复 Windows 10 | Chrome 76.0.3809.100
        • 都可以
          GA小站2019-08-29 18:22 回复 Mac OS X | Chrome 76.0.3809.100
  7. 博主 ,请问,需要将优化工具代码安装到head下吗
    nancy2019-08-09 17:41 回复 Windows 10 | Chrome 75.0.3770.142
  8. 给博主吹爆彩虹屁。我想对两组页面进行AB测试(如新版的产品页vs旧版产品页),该如何设置?谢谢!
    LJD2019-05-15 14:33 回复 Mac OS X | Chrome 74.0.3729.131
  9. 请教博主,我的网站是文章类的网站,我想测试文章的展示样式,我用Redirect的方式,但是为什么我点击别的文章页会自动跳转到我的编辑页?而不是把点击的文章改成测试的样式
    MDZ小太阳2019-03-12 15:23 回复 Mac OS X | Chrome 72.0.3626.121
    • 设置流程不对
      GA小站2019-03-14 22:24 回复 Mac OS X | Chrome 72.0.3626.121
      • 给博主吹爆彩虹屁,谢谢,请问能不能大致描述一下正确流程,或者有哪里有这样的例子。实在是研究不明白~或者我想改一类文章的样式有别的办法吗?求稍微细说一下。谢谢谢
        MDZ小太阳2019-03-18 09:26 回复 Mac OS X | Chrome 72.0.3626.121
  10. 请教博主,如果这么操作:1.采用Redirect的方式2.测试版本的URL只是在原始版本URL后面加上一个参数3.这个URL页面根据后面是否有这个参数去做相应显示变化(之所以这么做是因为测试元素需从后端返回数据,我不知道如何正确、及在何处准确加载修改代码,才用Redirect方式)问题:1.这样做是否合理?2.实验的两个地址实际为一个地址是否会影响报告?
    Eric2018-12-27 01:19 回复 Mac OS X | Chrome 71.0.3578.98
    • 参数的不需要改变URL了,已经是根据参数去区分分组信息
      GA小站2018-12-27 14:41 回复 Mac OS X | Chrome 71.0.3578.98