首页 » wpastra » guides » 如何使用热图来跟踪您的 WordPress 网站上的点击次数

如何使用热图来跟踪您的 WordPress 网站上的点击次数

你听说过热图吗?它们是获取有关用户如何与您的网站交互的一些非常有用的信息的绝佳方式。

虽然这个词听起来很专业,但它们实际上是一个相当简单的概念。

网页热图非常易于设置和使用,对于任何想要提高收入、转化率和一般用户体验的人来说,它们都是轻而易举的事。

在这篇文章中,我们将解释什么是 WordPress 热图以及如何使用它在您的网站上实现访问者跟踪。

我们还将引导您在您的网站上设置 WordPress 热图插件,并推荐您可能想要查看的其他一些有用的插件。

让我们开始使用热图吧!目录

  1. 什么是热图,它们能做什么?
  2. 有哪些不同类型的热图?
  3. 为什么在您的 WordPress 网站上使用热图?
  4. 如何将热图添加到您的 WordPress 网站
  5. A/B 测试如何在转换中发挥作用
  6. 5 个可用于 WordPress 的热图插件
  7. WordPress 热图常见问题解答
  8. 结论

什么是热图,它们能做什么?

热图听起来很复杂,但实际上很简单。它只是您网站页面的图像或地图,显示用户悬停和点击的位置。下图来自流行的热图工具Hotjar

图片来自 Hotjar

在像上面这样的热图上,用户关注的区域称为“热”,而他们忽略的区域称为“冷”。该术语来自热图的一般概念,它显示了实际冷热的区域。

因此,在网站热图上,颜色较亮的区域具有更多的交互性,

热图是设置WordPress 访问者跟踪的好方法。它们准确地向您展示页面的哪些部分吸引了注意力,哪些部分被访问者忽略了。这使得它们对于各种营销和设计原因非常有用。

有哪些不同类型的热图?

有多种不同的热图类型:

  • 滚动地图显示向下滚动页面的访问者百分比。该地区越“热”,观看它的人就越多。一般来说,内容越往下,滚动到它的人就越少。
  • 点击地图显示用户点击页面的位置。一个区域获得的点击次数越多,它就会越热。可以想象,点击地图通常以按钮和其他号召性用语为中心。
  • 触摸地图类似于点击地图,但触摸屏设备除外。它们不显示点击,而是显示访问者在页面上点击手指的位置。
  • 移动地图跟踪桌面用户的鼠标移动。通常鼠标移动与点击相关,因此这是非常有用的数据。

我们的使命是通过负担得起的软件产品和成功所需的教育帮助小型企业在线发展。

如果您想加入对话,请在下方发表评论,如果您需要个人帮助或私下与我们的团队互动,请单击此处。

为什么在您的 WordPress 网站上使用热图?

热图是获取有关用户如何与您的网站交互的一些有见地的数据的有用方法。它们是基于访问者跟踪数据实施设计或布局更改的有用方法。

让我们介绍一下为什么应该在您的网站上使用热图的几个原因。

在页面上显示热点

首先,热图显示哪些页面是“热点”,或最受关注的区域。这对于查看主页或登录页面的哪些部分吸引最多注意力以及忽略哪些部分很有用。

显示哪些 CTA 或页面元素最有效

点击和触摸地图非常有助于查看哪些号召性用语、按钮和其他元素在转化用户方面最有效。

这包括让他们进行购买、注册您的时事通讯、创建帐户以及许多其他类型的互动。

使用热图,您可以查看哪些按钮运行良好,哪些按钮被访问者忽略。这使您可以微调文本和位置以提高性能。

跟踪点击次数

点击热图显示用户点击了哪些元素(以及他们没有点击哪些元素)。如果您的页面有大量链接、按钮或其他可点击元素,则这种类型的热图对于查看哪些效果最佳非常有用。

如果您有很多没有被点击的链接或按钮,则此数据可以帮助您简化页面并提高访问者点击某些内容的几率。

阿斯特拉 CTA

查看有多少人到达内容的末尾

滚动热图跟踪有多少人向下滚动到页面底部。如果您的产品需要很长的解释并且在页面底部有号召性用语,这将非常有用。

如果没有多少人向下滚动,则可能是您的页面太长或设计得不够好,无法维持他们的兴趣。

使用这些数据,您可以重新设计页面以更好地转换。

帮助识别导航或页面设计的问题

最后,热图可以帮助识别您网站的布局或导航问题。

有时用户可能会对菜单、页面导航、布局或其他复杂元素感到困惑。如果您使用复杂的布局或 JavaScript 操作(例如视差滚动),则尤其如此。

使用热图数据,您可以简化网站的布局,使其更易于导航,并提高其可用性。所有这些都会导致更高的点击率、电子邮件订阅或销售!

如何将热图添加到您的 WordPress 网站

现在让我们逐步向您的网站添加热图插件。在本演练中,我们将使用Hotjar插件,因为它有一个免费的插件,其中包含很多有用的功能。

第 1 步:在 Hotjar 上创建一个帐户

首先,您需要有一个 Hotjar 帐户。您可以通过访问Hotjar.com并填写表格来创建您的帐户来创建一个。

Hotjar 账户设置

第 2 步:下载、安装和激活插件

转到WordPress 侧边栏上的插件 > 添加新的。然后,搜索Hotjar 安装并激活插件。

安装 Hotjar 插件

第 3 步:连接帐户

激活插件后,转到WordPress 侧边栏上的设置 > Hotjar

现在您需要填写一份调查问卷并连接您的 Hotjar 帐户。问卷将要求输入代码。

您可以通过访问 Hotjar.com 并找到站点和组织页面来获取此代码。在您的网站旁边,您会看到一个 ID 代码。

复制身份证

将代码复制并粘贴到您的WordPress 网站上的框中,然后按Save Changes

粘贴 Hotjar ID

数据需要一些时间才能开始输入。一旦完成,请登录您的 Hotjar 帐户。

热图下,您将看到类似于下图的内容。用户关注的区域用明亮的红色和黄色表示。

Hotjar 热图

现在我们已经安装了 Hotjar。不错的工作!

您可以使用顶部的导航栏更改显示的页面。现在您可以开始使用您的数据对您的网站进行更多更改并提高性能。

A/B 测试如何在转换中发挥作用

您可以对热图数据执行的一项可操作的事情是运行 A/B 测试。这些是测试您网站上不同元素并查看它们在真实世界用户中的表现的绝佳方式。

但什么是 A/B 测试?

这个想法很简单。您设置了一个页面的两个不同版本,将每个版本显示给访问者 50% 的时间,然后解释结果。使用此数据,您可以确定应进行哪些更改以最大限度地提高收入和参与度。

例如,A/B 测试通常用于测试副本(文本)和设计元素。某些短语或按钮颜色往往比其他的表现更好,这反映在热图中。

通过更改这些元素,您可以增加订阅和收入等。

如何使用 A/B 测试

当谈到 A/B 测试时,你真的可以使用不同的选项掉进兔子洞。但是,也有很多简单的工具。

我们建议使用SplitheroNelio A/B testing 之类的插件。

两者都提供了简单的方法来测试您网站上的不同元素。

5 个可用于 WordPress 的热图插件

现在我们知道了热图的重要性,让我们来谈谈使用它们吧!

值得庆幸的是,有许多可用于 WordPress 的优秀插件,使您可以轻松地在您的网站上使用热图。让我们介绍五个绝对最好的。

幸运橙

幸运橙 WordPress 插件

幸运橙是不同转化优化工具的集合。它们可以帮助您减少购物车放弃、增加销售额并提高各种其他指标的性能。

他们的热图工具包括点击、滚动和鼠标移动。您可以看到人们在您的页面上向下滚动了多远、他们点击了什么以及他们将鼠标移动到了哪里。

您还可以查看视觉参与模式并查看用户如何与您的网站交互的会话记录。开始使用幸运橙

疯蛋

WordPress 的 CrazyEgg 插件

这个简单的插件允许您将 CrazyEgg 连接到您的 WordPress 网站。使用他们的服务,您可以查看快照、热图和用户记录,以获得有洞察力的数据。

还有用于实现 A/B 测试、滚动图和其他有用工具的选项。如果您正在寻找一个简单、直接的插件来连接到热图服务,请查看 Crazy Egg。开始使用 CrazyEgg

热罐

用于热图跟踪的 Hotjar WordPress 插件

Hotjar 可帮助您了解用户如何与您的网站进行交互。这使您可以重新设计不同元素并确定其优先级,以提高性能和客户满意度。

它带有热图、访客记录、转换漏斗、表单分析、调查以及您可以使用的大量其他工具。这是任何严肃的网站管理员都应该研究的强大功能,无论大小!开始使用 Hotjar

鼠标流

鼠标流主页

Mouseflow 是一套功能强大的工具,可帮助您改善用户体验。您可以查看会话回放、使用详细的热图工具、创建销售漏斗、查看表单和其他元素的分析、收集和查看用户反馈等等。

连接到 WordPress 非常容易,设置也非常简单。Mouseflow 是一个很好的中间选项,具有强大的功能和易用性,所以如果你想要那种类型的程序,一定要检查一下。开始使用 Mouseflow

内容广场

内容广场主页

Contentsquare 是一个强大的分析云工具,可帮助您了解用户行为并修改您的网站以利用它。它被沃尔玛、Adobe、微软和其他知名公司等大品牌使用。

Contentsquare 具有一些高级功能,例如支持 AI 的洞察力、可访问性技术、基于区域的热图、客户旅程分析等。

如果您需要最先进的热图和分析,请务必查看 Contentsquare。开始使用 Contentsquare

WordPress 热图常见问题解答

在最后一节中,我们将回答一些关于热图的常见问题。

如何向 WordPress 添加热图?

我们建议使用上述插件之一。根据您的预算,有免费和付费选项。只需安装插件,创建一个帐户,将该帐户连接到您的 WordPress 网站,然后稍等片刻,直到数据进入。

Hotjar 是否适用于 WordPress?

是的,Hotjar有一个可用的 WordPress 插件,您可以在您的网站上使用它。按照上面的指南将 Hotjar 连接到您的站点并使用其热图功能。Hotjar 是一个功能非常丰富的工具,对于那些想要更多关于访问者如何与其 WordPress 网站交互的数据的人来说,绝对值得研究。

谷歌分析有热图吗?

不幸的是,谷歌分析早在 2017 年就停止了他们的热图服务。有一些插件和浏览器插件仍然声称可以工作,但你的体验充其量只是喜忧参半。相反,我们建议使用我们上面提到的特定于热图的工具。

如何进行热图分析?

您可以使用热图数据来评估页面的哪些区域“热”或受欢迎,哪些区域“冷”或不受欢迎。通过查看热图,您可以更改网站的内容、设计和布局,以改进订阅、销售或点击等指标。

结论

在网站分析方面,热图是一个经常被低估的工具。它们可以为您提供一些非常可行的见解,如果实施得当,可以为您提供更多的订阅者、收入、销售和其他改进的性能指标。

在这篇文章中,我们深入研究了热图。首先,我们解释了热图是什么以及有哪些不同类型的热图。然后,我们引导您在 WordPress 网站上设置流行的热图工具 Hotjar。

最后,我们讨论了 A/B 测试,然后推荐了一些其他 WordPress 插件,您可以使用它们在您的网站上实现热图。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top