如何在 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 测试?
A/B 测试,有时也称为拆分测试,是一种将页面上的元素(或任何类型的数据)相互比较以确定哪个在页面浏览量、页面停留时间、转换、跳出方面表现更好的方法率等。一些例子包括:
- 测试不同的标题。
- 尝试新的登录页面内容或页面布局。
- 尝试不同颜色的 CTA 按钮。
- 显示完全不同的东西,例如小部件中的 CTA 与联系潜在客户表单。 您可以在 Google Analytics(分析)中跟踪漏斗中的销售情况,看看哪些会带来更多销售。
A/B 测试有多种形式,例如多变量测试,但最常见的方法是将 50% 的流量发送到页面 A,将 50% 的流量发送到页面 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)的比较。

如何在 WordPress 中设置 Google Optimize
按照以下步骤设置免费的 Google Optimize 帐户并在您的 WordPress 网站上进行配置。
第1步
首先要做的是前往谷歌优化并通过点击“开始”按钮注册一个免费帐户。
重要提示:您需要使用已附加到您的 Google Analytics 帐户的 Gmail 或 Google Workspace 电子邮件地址。

然后按照接下来的步骤提出一些关于数据权限和共享的可选问题。
第2步
接下来,您需要关联您的 Google Analytics(分析)资源。 在右侧单击“链接属性”。

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

第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。

准备好代码后,在 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 测试,或者他们所说的实验。

第2步
在以下示例中,我们将进行一个简单的 CTA 按钮颜色更改 A/B 测试,以便您轻松了解它的工作原理。 请记住,基本上 WordPress 网站上的任何 HTML 或 CSS 元素都可以在 Google Optimize 中进行更改。
因此,我们为我们的测试选择一个名称,并输入我们想要编辑体验代码的 URL。 在此示例中,我们希望更改 CTA 按钮上的按钮颜色,以查看哪个按钮为我们的联系我们页面带来了更多流量。 我们还为体验类型选择 A/B 测试。 然后点击“创建”。

如您所见,Google Optimize 还支持您可能想要探索的 A/B 测试以外的其他类型的实验:
- 多变量测试:测试具有两个或多个不同部分的变体。
- 重定向测试:测试由不同 URL 或路径标识的单独网页。
- 个性化:为目标访问者个性化您的页面。
第 3 步
默认情况下,Google 优化工具将使用您在上面为实验选择的编辑器页面作为原始变体。 然后,您将需要创建第二个变体。 单击“创建变体”。

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

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

第 6 步
您可能会看到有关使用 Google Chrome 扩展程序的警告。 为了获得最佳的编辑和预览功能,您需要安装免费的 Google Chrome Optimize 扩展程序。
然后您将看到 Google Optimize 编辑器。 它非常强大! 您可以从字面上更改页面上的任何内容。

在我们的示例中,我们使用两种不同颜色的按钮(蓝色和红色)来测试点击联系我们页面的结果。 如果您好奇,我们只是使用 Shortcodes Ultimate 插件作为按钮。
所以首先我们要改变按钮的颜色。 为此,您只需单击任何元素,在本例中为按钮,然后为其编辑 CSS 属性。 他们甚至有一个颜色选择器。 如果您愿意,可以直接编辑 CSS 或 HTML。

我们更改的另一件事是按钮的 URL。
- 原始按钮链接到
https://editwp.com/contact-us/?button-test- blue。 - 变体按钮指向
https://editwp.com/contact-us/?button-test- red。

我们为什么这样做? 在 Google Analytics 中,您可以随时浏览以查看基于哪种按钮类型注册的页面浏览量。 你永远不应该在你的内部站点上使用 UTM 参数,但是像我们上面所做的那样在 URL 上附加一些东西是可以的。 这只是为您提供了可以随时浏览的额外数据。
完成编辑后,您可以单击右上角的“保存更改”和“完成”。 然后,您可以单击“Web Preview”以查看其外观。

下面是我们的测试是如何设置的。 请记住,所有内容都是使用 Google Optimize 编辑器更改的,而不是在 WordPress 中。
A/B 原始变体
在我们最初的变体中,我们有一个蓝色按钮,50% 的流量将流向该按钮。 按钮链接指向我们的联系表: https://editwp.com/contact-us/?button-test- blue 。

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

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

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

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

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

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

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

概括
在营销方面,假设越少越好。 您一定会找到您最初认为表现最差的赢家,反之亦然。
作为一款免费工具,Google Optimize 有很多功能! 您可以更改按钮、小部件,几乎任何您能想到的东西。 然后轻松监控结果,看看哪一个表现更好。 跟踪页面浏览量、交易数据,甚至通过单个按钮颜色更改产生的收入。 你玩得越多,你就越意识到为什么你永远不应该停止 A/B 测试。 找到获胜者,然后再次测试。
您是否在您的 WordPress 网站上尝试过 Google Optimize? 如果是这样,我们很乐意在下面的评论中听到您的想法。

