官方社群在线客服官方频道防骗查询货币工具

WordPress着陆页A/B测试指南

2024年10月25日 10:41:25
news.like.tgnews.like.tgnews.like.tgnews.like.tg

LIKE.TG 成立于2020年,总部位于马来西亚,是首家汇集全球互联网产品,提供一站式软件产品解决方案的综合性品牌。唯一官方网站:www.like.tg

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

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

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

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

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

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

马上开始!

为什么要进行AB测试?

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

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

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

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

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

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

如何在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。以下是你可以选择的一些列相关插件的:

  • GA Google Analytics
  • Offical Google Site Kit Plugin
  • MonsterInsights

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

1. 设置 Google Analytics Universal Analytics Property

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

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

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

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

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

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

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

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

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

你需要在这里做几件事。

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

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

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

接下来,进入WordPress后台,打开elementor下面的“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(我们开始吧)来创建你的第一个体验:

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

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

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

2.创建变体

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

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

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

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

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

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

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

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

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

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

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

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

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

4. 开始测试

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

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

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

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

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创建一个新测试:

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

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

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

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

2.在Elementor中设置测试

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

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

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

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

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

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

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

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

3. 查看测试结果

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

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

通过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测试还有什么疑问?欢迎在评论区留言讨论!

本文转载自:https://www.xnbeast.com/blog/page/

现在关注【LIKE.TG出海指南频道】【LIKE.TG大客户服务频道】,即可免费领取【WhatsApp、LINE、Telegram、Twitter、ZALO云控】等获客工具试用、【住宅IP、号段筛选】等免费资源,机会难得,快来解锁更多资源,助力您的业务飞速成长!点击【联系客服】

本文由LIKE.TG编辑部转载自互联网并编辑,如有侵权影响,请联系官方客服,将为您妥善处理。

This article is republished from public internet and edited by the LIKE.TG editorial department. If there is any infringement, please contact our official customer service for proper handling.


点击流量推广流量上架APP涨粉攻略官网流量推广引粉自然流量TK流量霸屏广告品牌流量
加入like.tg生态圈,即可获利、结识全球供应商、拥抱全球软件生态圈加入like.tg生态圈,即可获利、结识全球供应商、拥抱全球软件生态圈加入like.tg生态圈,即可获利、结识全球供应商、拥抱全球软件生态圈
加入like.tg生态圈,即可获利、结识全球供应商、拥抱全球软件生态圈加入like.tg生态圈,即可获利、结识全球供应商、拥抱全球软件生态圈加入like.tg生态圈,即可获利、结识全球供应商、拥抱全球软件生态圈