Google Optimize 使用指南(GA4版)

已经上线视频课程：用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会提前告诉你的。