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
GWO的全部功能被GA吸收以后,你可以在Reporting > Behavior > Experiments里找到。现在它长这样:
GA中的Experiments
平心而论,这个Experiments的功能还是非常实用的,特别是和Google Analytics的整合非常好。如果你有一个不错的开发团队为你定制一些A/B测试的页面,那会非常理想。不过许多情况下并非如此,所以许多网站会使用一些第三方工具。其中不乏一些相当出色的服务,如Optimizely,VWO(Visual Website Optimizer),还有Unbounce。他们利用图形化界面把许多工作简化了。
然而谷歌也没闲着,在今年三月发布的Google Analytics 360 Suite(以前叫GA Premium)套件中,谷歌包含了一个新的工具叫作Optimize 360。而这次的Google Optimize即是该模块的免费版。
Optimize 360是GA 360中的一部分
Optimize 360比原先的Experiments的功能又加强不少,仍然体现在和GA的整合方面,我们可以用下图说明:
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更改页面内容是通过页面读取加载时更改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。当我们加上了这个增强特性后,完整的代码如下所示:
把GTM的Container ID和GA的Property ID替换成你的Google Optimize的Container ID和GA的Property ID便可生效。
你只要把代码放在你想要测试的页面即可,其他页面不需要更改。
建立实验并部署变量
当我们新建一个Experiment之后,你自然会得到一个Original,接下来需要建立你的Variant。Google Optimize提供了WYSIWYG(所见即所得)的编辑器。
前提是你使用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,你可以对不同群体使用不同版本的页面,不同版本的营销信息。免费版却只能按照一个百分比来设置。
如果你经营一个大型网站,非常需要对不同用户改进用户体验的话,Google Optimize 360是一个极佳的个性化工具。
Audience Targeting才是谷歌Google Analytics 360中的精华部分之一。
Google Optimize 安装使用教程的更多相关文章
- google protobuf安装与使用
google protobuf是一个灵活的.高效的用于序列化数据的协议.相比较XML和JSON格式,protobuf更小.更快.更便捷.google protobuf是跨语言的,并且自带了一个编译器( ...
- Windows+Git+TortoiseGit+COPSSH安装图文教程【转】
转自:http://blog.csdn.net/aaron_luchen/article/details/10498181/ Windows+Git+TortoiseGit+COPSSH 安装图文教程 ...
- git版本控制-- Windows+Git+TortoiseGit+COPSSH安装图文教程
Windows+Git+TortoiseGit+COPSSH 安装图文教程 教程网址: http://www.liaoxuefeng.com/wiki/0013739516305929606dd183 ...
- 在 Ubuntu 上安装 K8S教程
在 Ubuntu 上安装 K8S教程 1,更新系统源 如果系统本身自带得镜像地址,服务器在国外,下载速度会很慢,可以打开 /etc/apt/sources.lis 替换为国内得镜像源. apt upg ...
- IntelliJ IDEA - 热部署插件JRebel 安装使用教程
IntelliJ IDEA - JRebel 安装使用教程 JRebel 能做什么? JRebel 是一款热部署插件.当你的 Java-web 项目在 tomcat 中 run/debug 的时候 , ...
- Zabbix3.x安装图解教程
准备知识: Zabbix3.x比较之前的2.0界面有了很大的变化,但是安装部署过程与2.x基本完全一样. 1.Zabbix2.x安装图解教程 http://www.osyunwei.com/archi ...
- VMware vCenter Server安装图解教程
安装说明: 1.安装VMware vCenter Server的主机操作系统为:Windows Server 2008 R2 2.在Windows Server 2008 R2中需要预先安装好SQL ...
- 在RedHat.Enterprise.Linux_v6.3系统中安装Oracle_11gR2教程
在RedHat.Enterprise.Linux_v6.3系统中安装Oracle_11gR2教程 本教程提供PDF格式下载: 在RedHat.Enterprise.Linux_v6.3系统中安装Ora ...
- Zabbix安装图解教程
说明: 操作系统:CentOS IP地址:192.168.21.127 Web环境:Nginx+MySQL+PHP zabbix版本:Zabbix 2.2 LTS 备注:Linux下安装zabbix需 ...
随机推荐
- 让SAP云平台上的Web应用使用destination服务
首先在SAP云平台里创建一个destination,维护service的end point: 然后打开SAP云平台的WebIDE,创建一个新的文件夹和新的HTML5 Application Descr ...
- [转载]AngularJS入门教程00:引导程序
我们现在开始准备编写AngularJS应用——phonecat.这一步骤(步骤0),您将会熟悉重要的源代码文件,学习启动包含AngularJS种子项目的开发环境,并在浏览器端运行应用. 进入angul ...
- fread, fwrite - 二进制流的输入/输出
总览 (SYNOPSIS) #include <stdio.h> size_t fread(void *ptr, size_t size, size_t nmemb, FILE *stre ...
- python request下载文件时,显示进度以及网速
import requests import time def downloadFile(name, url): headers = {'Proxy-Connection':'keep-alive'} ...
- 3203 数组做函数参数----排序函数--C语言版
3203: 数组做函数参数----排序函数--C语言版 时间限制: 1 Sec 内存限制: 128 MB提交: 253 解决: 151[提交][状态][讨论版][命题人:smallgyy] 题目描 ...
- HTML 5新元素和CSS
Html5 新元素 多媒体元素 video/audio: 格式例子: 属性: canvas元素 Canvas标签定义图形,用于图形的绘制,使用 js来绘图 拖放drag和drop 拖放是一种常见 ...
- Bootstrap 历练实例 - 折叠(Collapse)插件事件
事件 下表列出了折叠(Collapse)插件中要用到的事件.这些事件可在函数中当钩子使用. 事件 描述 实例 show.bs.collapse 在调用 show 方法后触发该事件. $('#ident ...
- C# FileInfo 类
FileInfo类不像File类,它没有静态方法,仅可用于实例化的对像.FileInfo对像表示在磁盘或网络位置的文件,注意它不是流,为了读写文件,必须创建Stream对像. fileInfo类提供了 ...
- shell脚本,awk结合正则来打印文件里面的内容。
文件内容如下:key1abc d key2 1.想得到如下结果: abc d 2.想得到如下结果: key1key2
- Smallest Common Multiple-freecodecamp算法题目
Smallest Common Multiple 1.要求 找出能被两个给定参数和它们之间的连续数字整除的最小公倍数. 2.思路 设定一个twoMultiple(a,b)函数,求出输入两个参数的最小公 ...