如何在 WordPress 中免费使用 Google Optimize 进行 A/B 测试

已发表: 2019-01-04

无论您拥有什么类型的 WordPress 网站,无论是电子商务商店还是联盟营销博客,都不要停止 A/B 测试,这一点至关重要! 数据驱动的决策可以帮助推动您的网站或业务向前发展,并使您在竞争中领先。 但老实说,A/B 测试并不总是那么容易。 或者,也许你只是推迟了它。 好吧,今天希望我们可以改变这一点!

下面我们将深入探讨如何在 WordPress 中使用 Google Optimize 进行 A/B 测试。 无论您拥有哪种类型的网站,这都可以全面发挥作用。 最重要的是,它是免费的。

  • 什么是 A/B 测试?
  • 谷歌优化
  • 如何在 WordPress 中设置 Google Optimize
  • 如何使用 Google Optimize 运行 A/B 测试
永远不要停止 A/B 测试,这一点至关重要! Google Optimize 提供了一种很棒的免费入门方式。 点击推文

什么是 A/B 测试?

A/B 测试,有时也称为拆分测试,是一种将页面上的元素(或任何类型的数据)相互比较以确定哪个在页面浏览量、页面停留时间、转换、跳出方面表现更好的方法率等。一些例子包括:

  • 测试不同的标题。
  • 尝试新的登录页面内容或页面布局。
  • 尝试不同颜色的 CTA 按钮。
  • 显示完全不同的东西,例如小部件中的 CTA 与联系潜在客户表单。 您可以在 Google Analytics(分析)中跟踪漏斗中的销售情况,看看哪些会带来更多销售。

A/B 测试有多种形式,例如多变量测试,但最常见的方法是将 50% 的流量发送到页面 A,将 50% 的流量发送到页面 B。也称为拆分测试。

A/B 拆分测试
A/B 拆分测试

我们的想法是从简单的测试开始,例如更改 CTA 文本或按钮颜色,找到获胜者,并用新的获胜者一遍又一遍地复制它。 当你这样做时,你应该开始看到你所追求的目标的更好结果。

由于样本量和时间的原因,确定您的网站是否有足够的流量甚至可以开始 A/B 测试也非常重要。 Stephen Watts 有一篇很棒的文章,其中涉及其中一些细节,包括为什么应该复制营销测试。

谷歌优化

在进行 A/B 测试时,有很多不同的工具可供选择。 我们在关于最佳 A/B 测试工具的帖子中介绍了其中的很多内容。

但是,如果您的流量很大,其中许多人每月可以轻松地为您带来数百甚至数千美元的收入。 最好将预算花在高质量的托管上。 许多 A/B 测试工具还具有许多您可能永远不会使用的功能。

虽然一个好的工具肯定可以在回报方面得到回报,但从一些免费的东西开始学习 A/B 测试的工作原理并了解您的业务可以实现哪些目标可能是有利的。

我们认为,Google Optimize 是一个很好的工具,可以立即开始使用,尤其是因为它是免费的。 虽然它没有 WordPress 插件或直接集成,但一旦你掌握了它,它仍然很容易使用。 另一个好处是,它与谷歌分析(一种你们大多数人可能已经在使用的工具)相结合,甚至比其他一些解决方案要好得多。 您只需单击一下即可将其与 Google Analytics(分析)目标挂钩。

谷歌优化
谷歌优化

他们确实有高级版本(Optimize 360​​),但您最多可以免费同时运行 5 个实验。 对于你们中的许多人来说,这应该绰绰有余,因为您不想同时运行太多的 A/B 测试,否则可能会影响数据的质量。 我们在 Kinsta 使用了免费版的 Optimize,效果很好!

如果您好奇,下面是免费版(优化)与高级版(优化 360)的比较。

谷歌优化与优化 360
Google Optimize vs Optimize 360​​(图片来源:Google)

如何在 WordPress 中设置 Google Optimize

按照以下步骤设置免费的 Google Optimize 帐户并在您的 WordPress 网站上进行配置。

第1步

首先要做的是前往谷歌优化并通过点击“开始”按钮注册一个免费帐户。

重要提示:您需要使用已附加到您的 Google Analytics 帐户的 Gmail 或 Google Workspace 电子邮件地址。

开始使用 Google 优化工具
开始使用 Google 优化工具

然后按照接下来的步骤提出一些关于数据权限和共享的可选问题。

第2步

接下来,您需要关联您的 Google Analytics(分析)资源。 在右侧单击“链接属性”。

谷歌优化 - 链接谷歌分析属性
谷歌优化 - 链接谷歌分析属性

第 3 步

然后,您应该会看到您的 Google Analytics(分析)资源。 如果您的 Gmail 附加了多个属性,则需要选择要与 Google Optimize 一起使用的属性。 然后点击“链接”。

在 Google 优化工具中关联属性
在 Google 优化工具中关联属性

第4步

接下来,单击“获取代码段”。

谷歌优化获取代码段
谷歌优化获取代码段

第 5 步

现在是时候使用您的 Google Optimize 容器 ID 修改您的 Google Analytics(分析)代码了。 这里有一些重要的事情要提到:

  • 如果您目前在您的网站上安装了 Google Analytics,则它必须位于您网站的标头中,位于</head>标记之前。 通常将它放在页脚中是可以的,但在这种情况下,如果您没有在页眉中运行脚本,您将在页面加载时遇到明显的白色闪光。 这是因为脚本需要在 DOM 加载时立即触发。 如果您使用的是 WordPress 插件,大多数人都可以选择为脚本选择页眉或页脚位置。
  • Optimize 代码段将如下所示: ga('require', 'GTM-XXXXXXX'); 其中包含您的 Optimize 容器 ID。 您需要做的就是修改您当前的 Google Analytics 脚本以包含它,而不是再次添加整个脚本。
部署优化代码
部署优化代码

如果您手动安装了 Google Analytics 跟踪脚本,那么您只需添加它,就像他们提供的示例一样。 但是,如果您当前使用的是 Google Analytics(分析)WordPress 插件,则可能需要更改一些内容。

您应该首先检查您的 Google Analytics WordPress 插件是否已经支持 Google Optimize 或添加自定义代码。 以下是一些已经支持 Google Optimize 或允许您在其插件设置中添加代码的 WordPress 插件:

  • 适用于 WP 的 Google Analytics(分析)仪表板:在插件设置中的集成下,它可以选择添加您的优化容器 ID。
  • GA Google Analytics:在插件的设置中有一个选项来添加优化代码。

注意:如果您使用 Google Tag Manager 来部署 Google Analytics,您仍然可以安装 Optimizer,但它可能会有额外的延迟,甚至 Google 也不建议这样做。 由于脚本在性能方面的工作方式,他们建议直接在页面上部署 Optimize(这是大多数 WordPress 插件所做的)。

下面是使用 Google Analytics Dashboard for WP 插件的示例。 在集成选项卡下,您可以“启用优化跟踪”并输入您的容器 ID。

在 Analytics 插件中启用 Google Optimize
在 Analytics 插件中启用 Google Optimize

准备好代码后,在 Google Optimize 向导上单击“下一步”。

第 6 步

当 Google Optimize 首次启动时,它存在一些性能问题,他们创建了一个页面隐藏片段来减少页面加载时的页面闪烁。 添加页面隐藏代码段需要在您的 Analytics 跟踪代码之前添加其他代码。

但是,我们最近发现这不再总是必要的。 如果您的网站已经相当快,那么您应该没有任何问题。 我们不再使用页面隐藏代码段并一直运行测试。

但是,由于每个站点都不同,如果您遇到问题,您可能需要使用页面隐藏代码段代码进一步修改您的 Analytics 脚本。 您还可以修改async-hide时间,默认设置为 4000 毫秒。 一些插件,例如上面的那个,也有简单的切换来启用页面隐藏支持。

减少页面闪烁
减少页面闪烁

单击“完成”,您的 WordPress 网站应该已准备就绪。

如何使用 Google Optimize 运行 A/B 测试

现在是有趣的部分,在 Google Optimize 中创建您的第一个 A/B 测试。

第1步

在 Google Optimize 控制面板上,点击“Let's Go”来创建一个新的 A/B 测试,或者他们所说的实验。

在 Google Optimize 中创建体验 A/B 测试
在 Google Optimize 中创建体验 A/B 测试

第2步

在以下示例中,我们将进行一个简单的 CTA 按钮颜色更改 A/B 测试,以便您轻松了解它的工作原理。 请记住,基本上 WordPress 网站上的任何 HTML 或 CSS 元素都可以在 Google Optimize 中进行更改。

因此,我们为我们的测试选择一个名称,并输入我们想要编辑体验代码的 URL。 在此示例中,我们希望更改 CTA 按钮上的按钮颜色,以查看哪个按钮为我们的联系我们页面带来了更多流量。 我们还为体验类型选择 A/B 测试。 然后点击“创建”。

谷歌优化创建 A/B 测试
谷歌优化创建 A/B 测试

如您所见,Google Optimize 还支持您可能想要探索的 A/B 测试以外的其他类型的实验:

  • 多变量测试:测试具有两个或多个不同部分的变体。
  • 重定向测试:测试由不同 URL 或路径标识的单独网页。
  • 个性化:为目标访问者个性化您的页面。

第 3 步

默认情况下,Google 优化工具将使用您在上面为实验选择的编辑器页面作为原始变体。 然后,您将需要创建第二个变体。 单击“创建变体”。

谷歌优化创建变体
谷歌优化创建一个变体

第4步

为您的变体命名,以便您以后轻松识别。 由于我们正在测试不同的按钮颜色,我们将其命名为红色按钮。 然后点击“完成”。

谷歌优化名称变体
谷歌优化名称变体

第 5 步

然后,您将需要更改您的变体,因为默认情况下它只是创建原始副本的副本。 单击红色的“0 更改”。

谷歌优化改变变体
谷歌优化改变变体

第 6 步

您可能会看到有关使用 Google Chrome 扩展程序的警告。 为了获得最佳的编辑和预览功能,您需要安装免费的 Google Chrome Optimize 扩展程序。

然后您将看到 Google Optimize 编辑器。 它非常强大! 您可以从字面上更改页面上的任何内容。

因停机时间和 WordPress 问题而苦苦挣扎? Kinsta 是旨在节省您时间的托管解决方案! 查看我们的功能
谷歌优化编辑器
谷歌优化编辑器

在我们的示例中,我们使用两种不同颜色的按钮(蓝色和红色)来测试点击联系我们页面的结果。 如果您好奇,我们只是使用 Shortcodes Ultimate 插件作为按钮。

所以首先我们要改变按钮的颜色。 为此,您只需单击任何元素,在本例中为按钮,然后为其编辑 CSS 属性。 他们甚至有一个颜色选择器。 如果您愿意,可以直接编辑 CSS 或 HTML。

在 Google Optimize 中更改按钮颜色
在 Google Optimize 中更改按钮颜色

我们更改的另一件事是按钮的 URL。

  • 原始按钮链接到https://editwp.com/contact-us/?button-test- blue
  • 变体按钮指向https://editwp.com/contact-us/?button-test- red
更改按钮 URL
更改按钮 URL

我们为什么这样做? 在 Google Analytics 中,您可以随时浏览以查看基于哪种按钮类型注册的页面浏览量。 你永远不应该在你的内部站点上使用 UTM 参数,但是像我们上面所做的那样在 URL 上附加一些东西是可以的。 这只是为您提供了可以随时浏览的额外数据。

完成编辑后,您可以单击右上角的“保存更改”和“完成”。 然后,您可以单击“Web Preview”以查看其外观。

谷歌优化网页预览
谷歌优化网页预览

下面是我们的测试是如何设置的。 请记住,所有内容都是使用 Google Optimize 编辑器更改的,而不是在 WordPress 中。

A/B 原始变体

在我们最初的变体中,我们有一个蓝色按钮,50% 的流量将流向该按钮。 按钮链接指向我们的联系表: https://editwp.com/contact-us/?button-test- blue

A/B 测试原始变体
A/B 测试原始变体

A/B 红色按钮变体

在我们的另一个变体中,我们有一个红色按钮,50% 的流量将流向该按钮。 按钮链接指向我们的联系表格: https://editwp.com/contact-us/?button-test- red

A/B 测试变体 1
A/B 测试变体 1

第 7 步

下一步是添加目标。 这是目标或您要测试的内容。 默认情况下,目标设置为 50% 的流量拆分,因此您可以保持原样。 您将希望对您的目标进行简短描述,以便您可以轻松了解稍后添加它的原因。 请记住,有时您可能会运行几个月的测试,因此请确保添加您以后可以识别的内容。 然后单击“添加实验目标”。

谷歌优化过期目标
Google 优化实验目标

第 8 步

如果您已经在 Google Analytics(分析)或电子商务跟踪中使用目标和事件,那么您会在此处看到它们。 这是 Google Analytics 与 Optimize 直接集成的最酷的事情之一。 你们中的大多数人可能已经配置了转换目标、联系表单目标等,您可以轻松地将其与实验联系起来。 但是对于这个例子,我们将创建一个自定义的。

谷歌优化自定义目标
谷歌优化自定义目标

第 9 步

我们使用综合浏览量作为目标类型,并从我们的联系我们页面开始选择任何内容: /contact-us/button-test

Google Optimize 中的自定义目标
Google Optimize 中的自定义目标

如果您在 Google Analytics(分析)中设置了电子商务跟踪,您还可以为交易和收入等内容添加其他目标。 这就是它变得真正强大的地方! 例如,您可以查看某个颜色​​按钮产生了多少收入。 从点击到销售。

Google 优化目标 - 电子商务
Google 优化目标 - 电子商务

第 10 步

最后但并非最不重要的一点是,保存所有内容后,您可以单击“开始实验”。 然后,它将立即开始对您在实验中指定的位置的流量进行拆分测试。 您还可以使用定位选项轻松设置站点范围的实验。

谷歌优化开始实验
谷歌优化开始实验

然后,您可以坐下来让 Google Optimize 完成它的工作。 通常这需要一两个星期。 它将自动为您分析获胜者。 然后,您可以查看哪个变体产生了最佳结果。 下面是一个报告示例。

谷歌优化报告
谷歌优化报告

概括

在营销方面,假设越少越好。 您一定会找到您最初认为表现最差的赢家,反之亦然。

作为一款免费工具,Google Optimize 有很多功能! 您可以更改按钮、小部件,几乎任何您能想到的东西。 然后轻松监控结果,看看哪一个表现更好。 跟踪页面浏览量、交易数据,甚至通过单个按钮颜色更改产生的收入。 你玩得越多,你就越意识到为什么你永远不应该停止 A/B 测试。 找到获胜者,然后再次测试。

您是否在您的 WordPress 网站上尝试过 Google Optimize? 如果是这样,我们很乐意在下面的评论中听到您的想法。