几个月前（2016 年 12 月发布的源代码）， 向公众宣布了免费版本的 360​​。去年 12 月，收到激活 邀请的人可以使用该工具。如果您已经拥有权限，本文将帮助您入门。如果您想注册 但尚未获得许可，您可以在此处注册()。

什么是谷歌优化？

360​​是一个可以进行 A/B测试和个性化测试的平台。与大多数 A/B 测试平台一样，它允许营销人员以多种方式测试网站，以提高网站转化率。与大多数 A/B 测试平台不同，它本身集成了 。

（免费版）与 360​​（付费版）

对于每个计划， 都包含一个强大的比较图表。此处简要说明免费版本的限制。

如何实现谷歌优化？

虽然有多种方法可以在 上安装 ，但最推荐的方法是在您的网站 优化代码上的原始 GA 代码中添加一行。设置谷歌优化的基本流程如下：

1.创建 帐户和容器

2.将容器与您的 GA 关联

3.在您的网站上安装

创建您的第一个实验

创建您的第一个实验很容易。

01

在 页面上谷歌优化，点击蓝色的“ ”按钮。

02

输入您的实验名称、编辑器页面和要运行的实验类型。编辑器页面是使用可视化编辑器修改的页面。例如，如果您在博客页面上运行实验，请输入博客的 URL。然后，您可以使用实验定位将更改应用到您的部分或全部博文。

03

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

实验界面

在本文的其余部分，我们将重点介绍 A/B 测试。让我们深入了解一下实验界面。

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

这里有两个主要部分：() 和 ()。

变奏部分

您可以在“变体”部分看到以下信息：

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

2.每个变量将收到的流量百分比（要平均分配的比例）

3.在桌面和移动设备上进行实验的预览选项。它还可以为您的团队生成预览链接。

4.页面更改次数。

5.用于编辑变体名称和删除变体的附加选项。

配置部分

配置部分用于提供实验说明、选择实验目标和选择定位参数。

选择目标很重要。与优化360（付费版）不同，你不能随意改变目标，看看实验对其他目标的影响。因此，在开始实验之前，请确保您已选择了所有要监控的目标。

假设最佳实践。如果您刚刚开始测试，您可能会尝试编写测试描述并跳过“”（测试假设）列。建议不要跳过此过程。写出一个清晰的假设将使您对所产生的结果更加客观。生成假设时，请遵循以下基本逻辑：如果[我这样做]，那么[将会发生什么]。

定位

在() 中，您可以定义触发实验的条件。定位选项是根据页面加载条件触发的。

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

匹配类型

每个定位选项都有不同的匹配类型。

使用可视化编辑器巧妙地编辑变体

要使用优化的可视化编辑器，您需要使用浏览器的浏览器优化扩展。

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

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

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

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

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

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

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

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

8. 设置。有两种拖放元素的方法。默认是重新排序，从“重新排序”选项输入。

9. CSS 元素选择器。如果您知道如何使用 CSS 选择器，则可以使用此功能深入挖掘 DOM。这是修改每一个的最简单方法

页面上的元素。我们的一位分析工程师 Perko 在他关于悬停跟踪的文章中也介绍了 CSS 选择器。

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

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

12. 修改元素选项。右键单击所选元素时会显示此下​​拉菜单。它的功能就像它的名字一样。

13. CSS 编辑器 如果您是 CSS 新手， 优化工具有一个编辑器调色板，可以让您轻松更改样式。只需单击或使用元素层次结构，即可选择要更改的元素。 CSS 调色板将填充该元素的所有样式。选择后，您将能够更改大小、位置、字体、文本大小、颜色等或所述元素。单击“编辑元素”将为您提供与右键单击元素相同的修改选项 - 删除、编辑文本、编辑 html、插入 html 和运行。

运行实验

完成更改后，点击“保存”，您将返回到实验页面。仔细检查您的目标和定位选项以开始您的实验。

报告

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

当实验运行时，“报告”标签的第一张卡片将显示当前最佳值。收集到足够的数据后，将公布最佳数据。

“报告”标签上的第二张卡片显示了您设置的每个变体对每个目标的执行情况。

报告中的第三张也是最后一张卡片将向您显示有关每个目标的详细数据，以及漂亮的绩效图表。

接下来是什么？

假设您已按照上述教程设置并运行测试。进而？继续迭代你的实验。实验的成功或失败告诉了您可以用来运行其他实验的条件。考虑不同形式的测试或不同的方向选项。请记住，您测试的受众与您测试的变量一样重要。所以，专注于你从测试中学到的东西，注意你实验中的问题，如果你改变了条件或者改变了目标受众，那么你需要继续测试并重复这个过程。