WordPress着陆页A/B测试指南

AB测试定义

文章目录

你是否在为着陆页选择哪种设计而头痛?哪个颜色的Call-To-Action更好,怎样才能确定?

要解决这些问题,进行A/B测试将是最佳策略。

A/B测试可以帮你做出基于数据的决策和改进网站的方法。所以,与其猜测哪种设计会产生更高的转化以及获得更友好的用户体验,不如用数据来获取真正的答案。

而且在WordPress网站中进行A/B测试并不复杂,免费就可以完成。仅需30分钟左右的时间进行一些基本的设置,你就可以开始使用简单的可视化编辑器(Elementor)免费测试你的网站。

在本篇文章中,我们将按步骤向你展示如何使用Elementor在WordPress网站中进行AB测试。

期间我们会用一款免费的WordPress插件,让你可以在Elementor编辑器中进行AB测试。

马上开始!

AB测试

为什么要进行AB测试?

从更高的角度讲,A/B 测试是一种使用数据优化网站的方法。使用这种方法,你无需猜测哪种更改效果最好,只需要运行测试,获取数据,从而获得真正的答案。

更重要的是,你优化的目标可以不同,这使得 A/B 测试非常灵活。

根据设置 A/B 测试的方式,你可以使用 A/B 测试来优化……

  • 转化率–查看哪些变体带来更多转化,这会对业务产生积极影响。你可以测试询盘转化、订单转化等等。
  • 跳出率——找出哪些变体让更多人留在网站上,而不是让他们跳出。
  • 访痛点——通过测试不同的方法来解决常见的访客痛点并找到最有效的变体,找到使网站更加用户友好的方法。
  • 网站重新设计——获取数据来支持设计决策,以便做出更明智的选择。

你还可以使用多个 A/B 测试来针对不同的目标进行优化。例如,可以针对转化优化目标网页,以便最大限度地提高收入和投资回报率 (ROI),同时你还可以针对互动优化博客页面,以找到降低内容页面跳出率的方法。

一旦了解了如何在WordPress网站中进行 A/B 测试,你将能根据需要尝试这些不同的目标。

AB测试

如何在WordPress中进行AB测试

现在你已经知道为什么A/B测试如此有用,这一部分我们开始进入WordPress网站 A/B 测试的实操。

首先,我们将使用免费的Google Optimize服务。

Google Optimize 是 Google 的一项免费服务,可让你对网站上的任何内容和设计进行 A/B 测试。它并不是专门针对WordPress,但它适用于WordPress网站,包括使用 Elementor(以及可能使用的任何其他插件)创建的设计。

使用Google Optimize设置 A/B 测试的过程大致可以分为三个部分:

  1. 创建原始测试变。如果你尚未创建要测试的页面,则需要在开始之前创建并运行该页面。
  2. 为你的网站上设置 Google Optimize。这涉及通过 Google Optimize界面添加你的网站,并在网站上放置一个代码片段。你还需要使用谷歌分析来启用 Google Optimize,因此如果你尚未使用谷歌分析,可以参考这篇文章进行设置。
  3. 在 Google Optimize 中创建新的 A/B 测试。你可以使用可视化编辑器来设置变体,包括更改文本和设计。

我们会将这部分教程分解为三个部分。让我们开始吧!

第一部分:创建你的原始变体(如果你还没有创建)

如果你已经创建了要测试的页面,则可以跳到下一部分。但如果你是从零开始,那么第一步就是创建你想要测试的设计。

这将是测试中的基准,后面内容会教你如何添加一个或多个变体。

要创建原始页面,你可以像往常一样使用 Elementor搞定。可以从空白内容开始创建页面,也可以使用elementor自带的模板。

如果需要帮助,可以查看我们的着陆页指南

创建好着陆页后,将其发布以便让公众访问 – 这在设置 Google Optimize工具时非常重要。

部分:将谷歌分析和 Google Optimize 添加到的网站

在开始使用 Google Optimize工具创建 A/B 测试之前,你首先需要:

  1. 将网站添加到 Google Optimize工具。
  2. 将 Google Optimize工具提供的代码片段添加到网站的<head>部分。

要使用Google Optimize工具,你还需要使用谷歌分析。因此,如果你的WordPress网站还没有安装谷歌分析,还需要在进入Google Optimize部分之前进行设置。

该过程与 Google Analytics 类似——你首先需要通过谷歌分析界面添加网站,然后将代码片段添加到你的WordPress网站。

你可以通过多种方式为这两个站点添加代码片段。可以手动添加代码片段。或者,对于不想使用代码的人,也可以使用插件。

有几个插件同时支持谷歌分析和Google Optimize。以下是你可以选择的一些列相关插件的:

对于这一部分,我们将使用手动方法。

1. 设置 Google Analytics Universal Analytics Property

如果还没有为网站设置谷歌分析,则需要先设置,然后才能将 Google Optimize添加到组合中。

我们之前发布过一篇关于将 Google Analytics 添加到 WordPress 的完整指南,可以按照指南操作。

2. 创建一个 Google Optimize 容器并添加代码片段

接下来,需要将你的网站添加到 Google Optimize,然后将它提供代码片段添加到你的 WordPress 网站。

打开Google Optimize网站并使用 Google 帐户登录。

然后你会看到创建帐户的提示 – 单击开始创建帐户按钮:

创建google optimize账号

给账户命名–例如,“Personal Websites”–然后勾选选项,然后点“下一步”。如下图所示:

现在,系统会提示你创建一个容器。输入站点的名称或域名作为容器名称,然后单击创建:

创建容器

你现在应该位于容器的设置区域。单击“设置”选项以在滑出页面中展开一些新选项:

你需要在这里做几件事。

首先,单击“关联到分析”按钮将你的Google Optimize与谷歌分析相关联。这里可以允许Google Optmize收集你的测试变体:

注:这里注意要关联到Universal anlytics版本的谷歌分析

接下来,安装Google Optimize代码片段到网站<head>部分。你会在设置说明中看到这串代码:

set-up-google-optimize-7-google-optimize-snippet

接下来,进入WordPress后台,打开elementor下面的“Custom Code”。

通过custom code添加代码

点击“ADD NEW”。

添加新代码

输入代码名称,以及代码内容,Location选择Head, 代码显示位置,按默认的“entire site”,然后点击发布。

稍后,我们分享Google Optimize提供的诊断工具,以确保代码正确设置。现在继续。

第三部分:在Google Optimize中设置A/B测试

现在,你已准备好开始创建测试变体。Google Optimize 将每个测试称为“体验”。创建体验后,你将能够设置测试变体。

在开始之前,请确保使用的是 Chrome 浏览器。你还需要安装官方的 Google Optimize Chrome 扩展(链接),它可以允许你使用 Google Optimize 的可视化编辑器来设置测试变体。

1.创体验

如果在 Google Optimize 中打开的网站,应该会看到一条提示,要求点击Let’s go(我们开始吧)来创建你的第一个体验:

create-google-optimize-experience-1

这时会打开一个滑出页面:

  1. 为你的体验命名——例如“测试不同的 CTA 按钮”。
  2. 输入你要测试的页面的 URL(这是你在第一部分中创建的)。
  3. 这里选择A/B 测试作为体验类型。后面你可以尝试不同的测试类型。

create-google-optimize-experience-2-ab-test

然后,你会在仪表盘中获得体验。

2.创建变体

在体验仪表盘中,你会看到创建新变体的提示–添加变体:

set-up-google-optimize-4

在画出菜单中,为其命名并单机“完成”。

然后你会看到它出现在变体列表中。要更改设计,请单机“修改”按钮。(确保在执行此操作之前已经安装了Google Optimize chrome扩展程序):

create-google-optimize-experience-4-edit-variant

这将启动可视化编辑器,它的工作方式很像Elementor。要更改元素的内容或设计,你可以单击它以打开其设置。

例如,要将按钮文本从“开始”更改为“立即下载”,你可以单击修改按钮以编辑文本或HTML:

create-google-optimize-experience-5-visual-editor

对于某些元素,直接编辑文本可能有困难,因此你可以编辑HTML的形式来更改内容。

你可以根据需要进行任意数量的更改。完成后只需要单击“保存”按钮。然后点击完成返回Google Optimize界面以完成你的A/B测试。

3.配置其他设置并运行诊断

推出可视化编辑器后,你会回到Google Optimize界面。向下滑动可以根据需要配置其他设置。

例如,你可以添加更多变体、更改变体之间的流量权重、仅针对特定类型的用户等。

确保在目标设置中选择一个主要目标,因为这是谷歌分析将在不同变体之间衡量的内容。你可以设置自定义时间来跟踪按钮点击,或者可以测试跳出率等一般性时间。

在底部的设置区域中,你还会看到检查安装情况的提示,它可以让你验证是否正确安装了Google Optimize代码片段。

如果你正在使用广告拦截器,请确保运行诊断之前在运行测试的网站上先禁用广告拦截器。Google Optimize将在你的浏览器宗打开十几站点以运行诊断,因此,如果你启用了广告拦截器,广告拦截器可能会阻止Google Optimize脚本,即使你正确安装了代码,诊断也将弹出未成功安装的提示。

create-google-optimize-experience-6-objective-and-diagnostic

4. 开始测试

完成设置后,滚动会页面顶部并点击“开始”按钮开始A/B测试:

create-google-optimize-experience-7-start-test

或者,你可以单击左侧的时钟图标安排测试在将来的某个时间运行。

然后你会看到一个弹出窗口以确认 – 再次单击“开始”以使测试生效。

这样,你就开始了第一个 WordPress A/B 测试实验。默认情况下,Google Optimize 会添加 4 周后到期你还可以通过单击“结束”按钮手动提前结束测试,并且将能从“报告”选项卡中查看实验效果:

create-google-optimize-experience-8-running-experiment

Elementor用户的本地WordPress A/B测试

Google Optimize适用于对任何类型的WordPress内容进行AB测试,包括Elementor设计,以及常规WordPress编辑器内容、主题以及你可能使用的任何其他内容。

不过,如果你想对Elementor内容进行A/B测试,还有一个专用插件可以帮助实现,而且设置友好简单很多,这个插件叫做Split Test For Elementor。

Split Test For Elementor是一个第三方插件,因此Elementor团队无法直接控制它。但目前用户对这款插件的评价很高而且插件本事功能比较齐全。而且这个插件免费。

下面我们看一下如何使用它:

1.创建一个新测试

激活插件后,打开Split Test–>Add Test创建一个新测试:

split-test-elementor-1-add-test

这里有三种不同的测试类型可供选择:

  • 元素-测试同一页面上的不同元素。
  • 页面-测试不同的页面。
  • URL-测试不用的URL。

选择测试类型后,你需要输入两个或多个变体的名称,以及你希望如何划分流量。

然后,你可以设置转化目标,即内部或外部页面:

split-test-elementor-2-enter-test-details

2.在Elementor中设置测试

创建测试后,打开要进行AB测试的页面Elementor编辑器。

然后然后打开要测试的元素的原始变体的设置—例如按钮。当你赚到“Advanced”选项卡时,你会看到一个新的拆分测试选项。

选择你在上一步中创建的拆分测试,然后将Elementor按钮分配给其中的一个拆分测试变体。

分配此变体的任何元素将仅显示在此特定变体上:

split-test-elementor-3-assign-variant

现在,创建用于其他辩题的元素,并按照相同的步骤将他们分配给不同的变体。

例如,如果你要对两个不同的按钮进行A/B测试,你可以在Elementor编辑器中看到两个按钮:

split-test-elementor-4-assign-variant

由于你将按钮分配给不同的变体,因此你的访问者一次只能看到一个按钮。他们看到的确切按钮取决于他们正在查看的变体。

完成后,务必保存Elementor所做的更改。

3. 查看测试结果

现在,你的测试已经上线。要查看测试结果,请转到WordPress后台的Split Test,单击测试统计按钮

然后你会看到每个变得的基本转化率数据:

split-test-elementor-5-split-test-data

通过AB测试来确定最吸引访客的设计

总的来说,WordPress网站的A/B 测试是使用真实数据改进网站的好方法。

最常见的用例是使用 A/B 测试来提高潜在客户询盘表单或登录页面的转化率,你也可以使用 A/B 测试来降低跳出率、解决用户痛点,或者创建一个更有效的网站。

如果使用 WordPress 和 Elementor,最灵活的 A/B 测试解决方案之一是使用免费的Google Optimize服务。使用 Google Optimize工具实际设置你的网站有一定的学习难度。但是一旦你开始使用,就可以使用 Google Optimize 的可视化编辑器轻松创建新的测试变体。

对于特定于 Elementor 的选项,还可以考虑第三方Split Test for Elementor 插件。这个插件不太灵活,因为它只允许你测试有限的转化目标,但它使用起来更简单,你可以使用常规的 Elementor 编辑器设置变体。

如果你对WordPress的A/B测试还有什么疑问?欢迎在评论区留言讨论!

Leave a Comment

Your email address will not be published. Required fields are marked *

联系我们

联系电话:13665461054 或者表单留言

谷歌快速排名秘诀

免费获取《谷歌快速排名秘诀-4.0》

---这些都是埃克森数字营销多年SEO总结而来的实践经验汇聚而成

请放心,我们只会偶尔发几封有干货的邮件,你的信息我们会严格保密。

注:订阅后请一定,一定,一定到您的邮箱中确认您的订阅,这样才能收到我们的《谷歌快速排名秘诀》!!!