Google Optimize 使用指南(GA4版)

Google Analytics 4 黄业忠 4年前 (2018-11-06) 9385次浏览 已收录 28个评论

 

已经上线视频课程:用Google Optimize做AB测试优化

虽然站点已经有一些关于Google Optimize的内容,Google Optimize入门(1)Google Optimize入门(2),但是仍有不少的人问这方面的问题,在这里再写一篇关于优化工具的内容,偏重于部署实施,主要流程都会配备截图,方便读者理解操作。

创建账号和容器

  • 如果你是第一次使用,需要先创建账号,在创建容器。
  • 如果你不是第一次使用,已经有账号,那么可以直接在该账号下创建容器。

 

打开 https://optimize.google.com/optimize/home/,用谷歌账号登录可以进入Google Optimize的主界面:

Google Optimize 使用指南(GA4版)

这个就是Optimize的账号和容器管理界面,一个谷歌账号可以创建多个Optimize账号,一个Optimize账号可以创建多个容器,每个容器对应一个网站。

 

点击右上角的“创建账号”就可以创建账号,创建账号的设置界面如下:

Google Optimize 使用指南(GA4版)

账号名称:自定义,一般写公司名称,在这里我写“GA小站”

然后勾选下面几个选项就可以创建账号,如果你是刚创建一个新的账号,那么它自动会进入容器的设置页面:

Google Optimize 使用指南(GA4版)

容器名称:一般网站的域名了,如这里填http://www.ichdata.com,然后点击右上角的“创建”就完成了。

关联Google Analytics 4

点击进入容器后,点击右上角的设置,如下图所示:

Google Optimize 使用指南(GA4版)

 

进入容器设置:

Google Optimize 使用指南(GA4版)

 

点击“关联到Analytics(分析)”,选择需要关联的GA4媒体资源,然后关联:

Google Optimize 使用指南(GA4版)

 

这样就完成了。

 

布署Google Optimize

有两种布署方式:

  • 一种是使用optimize.js ,这种是需要optimize.js代码布署到所有页面的header里
  • 一种是通过GTM去布署

目前官方推荐使用第一种,因为它提供最佳性能并且是安装 Optimize 的最简单方法。

使用optimize.js 安装Google Optimize

在容器设置页面获取optimize.js:

Google Optimize 使用指南(GA4版)

代码默认是同步加载,如果你要异步加载,可以更改为:

<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开头):

Google Optimize 使用指南(GA4版)

复制它,然后在到GTM里面新建一个代码,选择Google Optimize的,命名为OPT,做如下设置:

Google Optimize 使用指南(GA4版)

将容器ID黏贴到优化工具容器ID即可,其他不做修改,然后保存。

注意:保存时不需要选择触发器,不需要选择触发器,不需要选择触发器。

Optimize代码需要在Google Analytics 4 代码之前触发,找到Google Analytics 4 的默认代码,在“高级设置”——“代码触发顺序”里选择在***触发之前触发代码,安装代码选择OPT

Google Optimize 使用指南(GA4版)

 

最后的效果:

Google Optimize 使用指南(GA4版)

 

 

创建实验

点击“我们开始吧“就可以开始实验的设置

Google Optimize 使用指南(GA4版)

  • 名称:就是你这个实验的名字,
  • URL,这个就是你需要做测试页面的URL,你需要对哪个页面做测试,就填写哪个URL

 

实验的类型,就是做哪种类型的实验,之前只有三种类型的,现在有五种了,分别是:

  • A/B测试:也常叫做A/B/N测试,就是在相同的URL页面,只修改一个(较少)地方去测试,最多可以有8个版本,这也是最常用的实验。
  • 多变量测试:在同一个页面上测试两个或多个不同的位置,该实验适用于同一页面上多种不同元素组合的情况,最多可以有16个版本。
  • 重定向测试:测试包含不同的URL或者路径的页面,如Landing Page 1和Landing Page2,这样的就需要用重定向的了。
  • 个性化调整,可以向特定群体的用户展示特定的内容。
  • 横幅模板:页面头部一个横幅。

 

创建变体

创建变体就是创建实验的版本。

点击“添加变体”,可以看到如下页面:

Google Optimize 使用指南(GA4版)

 

变体名称:你可以自定义,我这里就不修改,用“变体1”命名。

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

Google Optimize 使用指南(GA4版)

然后点击“修改”,它会打开一个你要测试的页面,会打开一个可视化编辑页面,可以允许你对需要做测试的地方做修改的

Google Optimize 使用指南(GA4版)

 

这里需要注意的是,你先需要现在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 使用指南(GA4版)

 

里面有很多的维度可以设置,如可以实现对特定城市、特定广告系列、特定设备类型的流量做AB测试。

 

设置目标

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

Google Optimize 使用指南(GA4版)

 

目标有三类:

  • 电子商务:系统内置
  • 转化:GA4里的转化
  • 其他:特定页面的浏览。

 

设置

 

Google Optimize 使用指南(GA4版)

          

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

Google Optimize 使用指南(GA4版)

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

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

 

运行实验

确认没问题,就点击“启动”开始运行的您实验

 

实验结果

Google Analytics 4 里的事件里会出现experiment_impression事件。

Google Optimize 使用指南(GA4版)

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

 

Optimize里的报告:

Google Optimize 使用指南(GA4版)

 

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

如果测试的过程中有一组明显是优于另一组的,Optimize会提前告诉你的。

 

                                                                                                              

 


GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:Google Optimize 使用指南(GA4版)
链接:https://www.ichdata.com/google-optimize-user-guide.html

喜欢 (7)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(28)个小伙伴在吐槽
  1. 请教一下大神,在Optimize中关联GA账户这一步骤,下拉列表中只能看到Universal Google Analytics的账号,GA4的账号一个都看不到(但其实应该有4个账号),这是什么原因呢?谢谢
    jiwei2022-06-17 22:26 回复 Mac OS X | Safari浏览器 604.1
    • 黄业忠
      谷歌ID需要具备Google Analytics 4 管理员或编辑者权限。
      黄业忠2022-06-17 22:53 回复 Mac OS X | Chrome 102.0.0.0
      • 感谢大神的回复。我确认了下自己的谷歌 ID,是有这几个 GA4 账号的管理员权限的,但就是看不到信息
        jiwei8632022-06-20 21:13 (1周前)回复 Mac OS X | Chrome 102.0.0.0
        • 黄业忠
          Google Optimize是什么权限类型? 只要权限类型对,就自动出现,没有其他设置的了。
          黄业忠2022-06-21 09:06 (7天前)回复 Mac OS X | Chrome 102.0.0.0
          • 在 Google Optimize 的 account 那里,一直是 Administrator 的权限,但就是只能看到 Universal Google Analytics的账号,GA4的账号一个都看不到。好奇怪
            jiwei8632022-06-21 16:34 (6天前) Mac OS X | Chrome 102.0.0.0
          • 黄业忠
            正常情况下,权限都符合是自动就有的,可能有bug,可以提给谷歌
            黄业忠2022-06-22 11:45 (6天前) 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
    • 黄业忠
      这个是增加的功能,其实是将跟踪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
        • 黄业忠
          不是,是该页面的事件才触发。
          黄业忠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
    • 黄业忠
      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
    • 黄业忠
      根据测试实验数据的出来的转化率,线是实际测试每天的转化率,不同颜色的区块的是置信区间
      黄业忠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
    • 黄业忠
      清除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
    • 是的
      GA小站2019-08-09 18:17 回复 Mac OS X | 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