谷歌优化有绝招

几个月前（源文发表于2016年12月），谷歌宣布了向公众提供免费版的“谷歌优化360”。在去年12月，收到“谷歌优化”开通邀请的人就能拥有使用该工具的访问权限。如果你已拥有权限，这篇文章将引导你入门。如果你想通过注册谷歌优化，但还没得到权限，你可以在这里（https://optimize.google.com/optimize/home/）注册。
<hr>
什么是谷歌优化？

谷歌优化360是可以进行谷歌A/B测试和个性化测试的平台。正如大多数A/B测试平台，它允许营销人员从多个方面测试网站以提高网站转化。有别于大多数的A/B测试平台，它本身已集成了谷歌分析。

谷歌优化（免费版）与谷歌优化360（付费版）

在每种套餐中，谷歌都有一个强大的对比图表包含其中。这里将简单解释一下免费版的局限性。

没有受众

。

受限

的

并行测试

。

受限

的

变量测试

预选目标

如何实施谷歌优化?

尽管谷歌上有好几种安装谷歌优化的方式，目前最推荐的方式就是在你的网站上原有的GA代码上添加一行谷歌优化的代码。设置谷歌优化的基本过程如下：

1. 创建谷歌优化账号和容器

2. 把容器关联到你的GA

3. 在网站上安装谷歌优化

创建第一个实验

创建第一个实验非常简单。

01

在谷歌优化容器页面中，点击蓝色的“Create Experiment”按钮。

02

输入你的实验名称、编辑器页面以及要运行的实验类型。编辑器页面是利用可视化编辑器进行修改的页面。例如，如果你正在博客页面上运行实验，请输入一个进入博客的URL。之后你就可以使用实验定向将更改应用于部分或全部博文。

03

选择要运行的实验类型。以下是三个基本的选项：

A

/

B测试

。

多变量

测试

。

重定向测试。

可

实验界面

对于本文的剩余部分，我们将专注于A/ B测试。让我们深入了解一下实验界面。

实验界面有两个主要选项，“Details”和“Reporting”。“Details”可以让你找到和修改实验信息，“Reporting”是查看实验数据的位置（同时GA里也会有实验报告）。

这里有两个主要部分：变体（variants）和配置(configuration)。

变体部分

你可以在变体部分中看到以下信息：

1.你的实验中有多少种变量

2.每个变量将获得的流量百分比（建议均匀分配比例）

3.预览实验在桌面设备和移动设备效果的选项。它也可以为你的团队生成预览链接。

4.网页变更数。

5.编辑变体名称和删除变体等其它选项。

配置部分

配置部分用于提供实验描述、选择实验目标和选择定向参数。

选择目标很重要。与优化360（付费版）不同，你不能随意更改目标以查看实验如何影响其它目标。故在开始实验之前，请确保你选择了所有想要监测的目标。

假设最佳实践。如果你只是刚刚开始测试，你可能会试图写一个测试描述然后跳过“hypothesis”(测试假设)一栏。建议不要跳过这个过程。写出一个明确的假设将让你更客观地对待所产生的结果。生成假设时，遵循这个基本逻辑：如果[我这样做]，之后就[将产生什么效果]。

定向

在定向（Targeting）中，你可以定义将要触发实验的条件。定向选项根据网页加载情况而触发。

定向选项。每个定向选项都链接到谷歌优化的定向文档中，其中包含有关如何使用这些选项的详细信息。

URLs

受众群体（仅限360）

行为

地理位置

技术

JavaScript变量

第一

方Cookie

自定义JavaScript

查询参数

数据层变量

匹配类型

每个定向选项都有各种不同的匹配类型。

等于/不等于

包含/不包含

以…

开头/

非…

开头

以…

结束/

非…

结束

正则

表达式

匹配/与

正

则

表达式不

匹配

巧用可视化编辑器来编辑变体

要使用优化可视化编辑器，你需要使用Google Chrome浏览器的Google Chrome浏览器优化扩展程序。

下载优化扩展程序后，你可以通过点击其中一个变体来进入可视化编辑器。编辑器加载时，你将看到你在设置实验时定义的编辑器页面。如果你曾经使用过WYSIWYG编辑器，那这个界面看起来是比较直观的。选中并单击元素，拖放并移动元素，然后就可以使用蓝色向上滑动菜单来修改元素样式。下面提供了有关此编辑器中可用选项的详细信息。

1. 实验名称。即你的实验名称。

2. 切换变量。显示变体的下拉列表，选择一个变体后则会将其加载到编辑器中。

3. 设备测试。此下拉菜单显示可供选择的设备。选择其中一个设备将显示你的实验在该设设备上的预览模式。默认情况下是始终选择桌面。

4. 已进行的更改数。单击此元素将打开一个菜单，其中显示对当前变体所做的每个更改，并为你提供编辑或删除每个更改的选项。

5. 诊断。这是你所做出更改的潜在问题的计数。这些问题也会在你的更改列表中标记。

6. 自定义CSS 。如果你喜欢使用代码，这个菜单项将允许你添加自定义CSS到变体中。这仅适用于你当前正在处理的变体，而不是所有变体。

7. 交互模式。如果你需要编辑由下拉菜单或标签隐藏的内容，则需要使用交互模式。进入交互模式将允许你单击元素以显示隐藏的内容。然后，你可以退出交互模式以编辑所述内容。

8. 设置。有两种方法可以拖放元素。默认为重新排序，从“重新排序”选项进入。

9. CSS元素选择器。如果你知道如何使用CSS选择器，你可以使用这个功能深入挖掘DOM。这是修改页面上每个<p>元素的最简单的方法。我们的一位分析工程师Kristen Perko在关于悬停跟踪的文章中也介绍了CSS选择器。

10. 元素层次。此菜单显示所选元素如何嵌入在其他HTML元素中。

11. 所选元素。当选择一个元素时，它就会被蓝色框架包围着。一旦选中，框架左上角的蓝色选项卡将显示已选择的元素，元素层次栏也将更改，以显示该元素如何嵌套在HTML中。如果你在选择元素时遇到问题，可以通过指向或点击附近的元素来靠近目标元素，然后使用元素层次结构导航来遍历页面HTML。如果你想选择多个相同类型的元素，可使用CSS Element选择器（如上述第9点）。

12. 修改元素选项。当你右键单击所选的元素时，会显示此下拉菜单。其功能就如其名称。

13. CSS编辑器 如果你不熟悉CSS，谷歌优化有一个编辑器调色板，使得改变样式非常简单。只需单击，或使用元素层次结构，即可选择要更改的元素。 CSS调色板将填充该元素的所有样式。一旦选择，你将能够更改尺寸、位置、字体、文本大小、颜色等或所述元素。单击“编辑元素”将为你提供与右键单击元素相同的修改选项——删除、编辑文本、编辑html、插入html和运行JavaScript。

运行实验

完成修改后，点击“保存”，然后就会返回实验页面。仔细检查你的目标和定向选项，即可开始实验。

报告

建议你在实验运行至少两周后再查看结果。

实验运行时，报告标签的第一张卡片将展示当前最佳者。收集到足够的数据后，Google会宣布最佳者。

报告标签上的第二个卡片显示你设置的每个变体在每个目标上的表现。

报告中的第三张和最后一张卡片会向你显示有关每个目标的详细数据，以及一个不错的效果图表。

改进

实验会话

数

跳过基准的可能性

成为最佳版本的

概率

接下来做什么？

假设你已按照上面的教材设置并运行了一个测试。然后呢？不停地迭代你的实验。实验的成功或失败已经教会了你可以用来运行额外实验的条件。考虑不同形式的测试或不同的定向选项。请记住你测试的受众和你测试的变量同等重要。因此，要注重你从测试中学到的东西，注意你的实验里面还存在的问题，如果你更改了条件或更改了目标受众，那你就需要继续测试，并且不断地重复这个过程。