Google Optimize安装使用教程

去年10月,极诣曾经介绍了Google Optimize进行邀请制测试的消息,同时极诣也介绍了Google Optimize的一些特性。3月的最后一天谷歌终于宣布免费版的Google Optimize对所有人开放了!

Google Optimize免费版正式发布

Google Optimize免费版正式发布

作为Google Analytics的重要组件之一,Google Optimize对营销者而言并不单单是一个A/B测试工具,更是一个个性化的用户体验工具。目前Google Optimize还未发布中文版,本文将以英文界面介绍Google Optimize的安装和使用。

还没有账号?你可以在https://optimize.google.com/用你的Google账号激活使用。

Google Optimize的安装

进入Google Optimize之后你先要新建一个“容器” – Container。这个概念和Google Tag Manager是一致的,其实整个Goolge Optimize的原理就基于GTM,因此Google Optimize的Container ID也是以GTM开头的。根据向导我们可以新建我们的“实验” – Experiment,并且绑定我们的GA账号,然后是代码安装。

Google Optimize安装过程中可以绑定GA账号

Google Optimize安装过程中可以绑定GA账号

Google Optimize更改页面内容是通过页面读取加载时更改DOM组件实现的,可以理解为一边读取页面一遍修改页面。因此将安装代码放在页面的越靠前越好,最好是紧跟在字符集声明<meta charset>之后。比如,你可以放在<meta charset=”UTF-8″ />之后。

如果你正在使用GA,那么Google Optimize的安装非常方便。因为它只是一个GA的插件,你需要的仅仅是一行代码。(如果你没在用GA,那你只好开始使用GA了):

ga(‘require’, ‘GTM-XXXXXX’);

这行代码放在新建ga对象和发送pageview数据之间。到这里我们虽然已经安装完了,不过却不是推荐的安装方法。因为我们还没有安装隐藏页面的增强特性。

为什么要隐藏页面呢?因为我们知道页面是异步载入的,如果你的Google Optimize还未加载或执行页面,原版内容就出现了,就会产生页面内容在执行后眼睛一眨突然改变的现象,这种现象叫做page flicker。我们隐藏页面就是为了等改变发生以后再显示页面。实现这个增强特性的代码叫作page-hiding snippet。当我们加上了这个增强特性后,完整的代码如下所示:

含页面隐藏代码的完整的Google Optimize推荐安装代码

含页面隐藏代码的完整的Google Optimize推荐安装代码

把GTM的Container ID和GA的Property ID替换成你的Google Optimize的Container ID和GA的Property ID便可生效。最后提醒一句,你只要把代码放在你想要测试的页面即可,其他页面不需要更改。

在使用GTM的同时使用Google Optimize

就如我们刚才所说明的,Google Optimize的代码需要放在非常靠前的位置才能保证优先加载运行。因此如果你使用了GTM,并且通过GTM来新建Google Optimize Tag来调用Google Optimize代码,那么一定会造成延迟。这是因为页面先要加载GTM的容器。所以,在同时使用GTM时,极诣还是推荐你使用上面我们介绍的推荐方法安装,并在该测试页面避免调用Universal Analytics的Pageview Tag

如果你实在想要用GTM来调用Google Optimize标签,而且可以忍受效果的非最优化,你可以使用GTM中预定义的Google Optimize标签。(不过你还是需要手动把page hiding snippet加入页面开始处,而且请注意page hiding snippet中的Container ID不再填Optimize的Container ID,而是填GTM的Container ID。因为你是通过GTM来调用Optimize!)

在此标签(Tag)中,你要填入GA的Property ID和Optimize的Container ID。然后把你在UA的PageView中所填的那些More Settings一并复制过来后直接保存。这里你不需要给这个Tag赋一个Trigger,因为你可以用Pageview Tag来调用它。具体的方法如下:

在触发Pageview标签之前触发Optimize标签

在触发Pageview标签之前触发Optimize标签

建立实验并部署变量

当我们新建一个Experiment之后,你自然会得到一个Original,接下来需要建立你的Variant。Google Optimize提供了WYSIWYG(所见即所得)的编辑器。前提是你使用Chrome浏览器并安装Google Optimize的插件:

Google Optimize的Chrome插件

Google Optimize的Chrome插件

安装完之后你就可以“点哪改哪”了。举个例子,我们把极诣首页的某一个标题改成粗体和红色:

Google Optimize页面编辑器

Google Optimize页面编辑器

保存后就成为一个原版的“竞争者”。设定好投放比例之后,我们可以设定目标。免费版的目标是预设的,包括了你GA中设定的Goal,会话时长,页面浏览数以及跳出率

万事俱备后,我们就可以开始测试(Start Experiment)啦!

付费版Google Optimize 360的重要特性

相对于免费版的Google Optimize,付费版的Google Optimize 360最重要的功能是Google Analytics audience targeting。也就是说这个功能才是真正意义上使Google Optimize不同于其他页面A/B测试工具的功能。有了Audience Targeting,你可以对不同群体使用不同版本的页面,不同版本的营销信息。免费版却只能按照一个百分比来设置。

GA和Google Optimize的整合与数据使用

GA和Google Optimize的整合与数据使用

如果你经营一个大型网站,非常需要对不同用户改进用户体验的话,Google Optimize 360是一个极佳的个性化工具。Audience Targeting才是谷歌Google Analytics 360中的精华部分之一。考虑氪金吧!