zoukankan      html  css  js  c++  java
  • Google Optimize 安装使用教程

    Google Optimize 介绍

    打开链接

    https://optimize.google.com/optimize/signup/

    填入电邮地址后等待注册邀请

    Google Optimize是什么?

    你听说过Google Website Optimizer吗?这是一个暴露年龄的问题。GWO是谷歌最早推出的用于网站页面A/B测试的专门工具。

    2012年8月,GWO就退休了。它的所有功能被整合到了Google Analytics中。当年GWO长这个样:

    已成为历史的Google Website Optimizer

    已成为历史的Google Website Optimizer

    GWO的全部功能被GA吸收以后,你可以在Reporting > Behavior > Experiments里找到。现在它长这样:

    GA中的Experiments

    GA中的Experiments

    平心而论,这个Experiments的功能还是非常实用的,特别是和Google Analytics的整合非常好。如果你有一个不错的开发团队为你定制一些A/B测试的页面,那会非常理想。不过许多情况下并非如此,所以许多网站会使用一些第三方工具。其中不乏一些相当出色的服务,如OptimizelyVWO(Visual Website Optimizer),还有Unbounce。他们利用图形化界面把许多工作简化了。

    然而谷歌也没闲着,在今年三月发布的Google Analytics 360 Suite(以前叫GA Premium)套件中,谷歌包含了一个新的工具叫作Optimize 360。而这次的Google Optimize即是该模块的免费版。

    Optimize 360是GA 360中的一部分

    Optimize 360是GA 360中的一部分

    Optimize 360比原先的Experiments的功能又加强不少,仍然体现在和GA的整合方面,我们可以用下图说明:

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

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

    PS: Google Optimize 目前是有免费版,也有付费版

    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推荐安装代码

    把GTM的Container ID和GA的Property ID替换成你的Google Optimize的Container ID和GA的Property ID便可生效。

    你只要把代码放在你想要测试的页面即可,其他页面不需要更改。

    建立实验并部署变量

    当我们新建一个Experiment之后,你自然会得到一个Original,接下来需要建立你的Variant。Google Optimize提供了WYSIWYG(所见即所得)的编辑器。

    前提是你使用Chrome浏览器并安装Google Optimize的插件:

    Google Optimize的Chrome插件

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

    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的整合与数据使用

    如果你经营一个大型网站,非常需要对不同用户改进用户体验的话,Google Optimize 360是一个极佳的个性化工具。

    Audience Targeting才是谷歌Google Analytics 360中的精华部分之一。

  • 相关阅读:
    【大厂面试】字节跳动、京东等大厂面试题分享,已拿字节offer~
    听说这十道面试题,把百分之八十的程序员都淘汰了?不是吧,阿sir
    阿里大神的刷题笔记.pdf
    在家学了6个月,拿到阿里offer!
    【面试题】2020年底总结200道带答案的常见Java面试题!
    面试一家小公司,被问了 1 个小时并发编程。。全程已记录!
    分享一份技术书籍《Java 8 》PDF版,可自行下载
    Delphi的TDataSetProvider、TDataSet、TAdoQuery、TDataSource、TDataModule控件的组合使用
    初学Delphi与sql server的存储过程
    delphi简单的分页实现(高手可以不看)
  • 原文地址:https://www.cnblogs.com/ryanzheng/p/11016803.html
Copyright © 2011-2022 走看看