热图和滚动图如何将我们在线商店的转化率提高 9.3%

在开展任何在线业务时，跟踪访问者行为和测试转化渠道对于提高销售额至关重要。 大多数网站管理员依靠免费工具 Google Analytics 来跟踪其网站的整体统计数据。

但是，虽然 Google Analytics 是一个非常强大的工具，但它并没有提供足够的信息来让您清楚地了解访问者如何与您的网站互动。 例如……

• 谷歌分析不会告诉你一个人在给定页面上点击了哪些确切的按钮和链接。
• Google Analytics 不会告诉您网页的哪些部分被阅读最多。
• Google Analytics 不会告诉您人们是否一直向下滚动并阅读您的所有内容。

简而言之，仅靠 Google Analytics 并不能为您提供足够的信息来改进您的网站。

获取有关如何开设成功电子商务商店的免费迷你课程

如果您有兴趣开展电子商务业务，我整理了一个全面的资源包，可帮助您从头开始开设自己的在线商店。 离开前一定要抓住它！

点击这里下载

跟踪访问者的确切活动

自 2011 年我首次推出在线商店课程以来，我一直在使用一种名为 Crazy Egg 的工具来帮助改进我的网页。 与 Google Analytics 不同，Crazy Egg 可让您准确地形象化客户与您的网站的互动方式。

例如，该工具允许您创建热图以查看客户点击您网站的位置。

更新：我现在正在使用一个名为 Mouse Flow 的工具，除了热图和滚动图外，它还可以让您记录和观看客户的视频！ 此外，它也比 CrazyEgg 便宜得多！

单击此处免费试用 MouseFlow 30 天

下图显示了访问者登陆我的销售页面时点击的内容。 如您所见，“单击此处进行游览”按钮的点击率很高，这正是我想要的。

Crazy Egg 和 Mouse Flow 还为您提供了一个滚动图，允许您确定页面的哪些部分正在被实际阅读。 下图清楚地显示了我页面的哪些部分更受欢迎。

页面的黄色和红色部分是“热的”，而绿色和蓝色区域是访问者不参与内容的区域。

无论如何，如果您曾经尝试过在线销售商品，您可能会理解为什么使用这样的工具对于了解客户行为并允许您进行必要的调整以引导访问者朝着正确的方向发展是非常宝贵的。

个人故事

所以这就是让我有点尴尬的地方:) 虽然我一直在大量使用这些工具来优化我的博客和登录页面，但直到去年我才开始在我的电子商务商店中使用该工具。

所以我想我会花一些时间与您分享我最近进行的一项测试，该测试减少了我们商店的支持电话数量，并将转化率提高了 9.3% 。

我决定对页面进行更改的唯一原因是我使用 Crazy Egg 和 Mouse Flow 等工具收集的数据

下面显示的是很久以前我们的一个顶级登录页面的样子。

这是页面设计背后的一个小背景故事。 在我们的商店，我们出售个性化的手帕。 我们提供 14 种不同款式的手帕和 14 种线色可供选择，客户基本上可以随心所欲地定制他们的手帕。

然而，问题是客户一直对产品选择感到困惑，因为他们认为他们被“照片中显示的”手帕卡住了，不允许选择不同的款式或线色。

因此，我们会接到很多人的电话，询问如何个性化手帕，以及他们是否可以个性化与照片中显示的不同的手帕等……

无论如何，为了防止混淆，我在页面顶部添加了所有手帕的图片，您可以在页面顶部对其进行个性化设置，然后当您将鼠标悬停在特定手帕上时，该图片将扩展为更大的图片。 我还添加了一个线程图表。

下面显示的是同一页面的第二次迭代。

这个想法是客户在添加个性化时会立即注意到他们有各种各样的手帕可供选择，这样他们就不会感到困惑而离开。

但即使在这种变化之后，我们仍然会定期通过电话收到一些非常基本的问题，比如“我如何个性化我的手帕？”。

无论如何，我知道我们的用户界面仍然存在一些问题，但我最长时间不理会它，因为页面仍然转换得很好（在 3-7% 之间）。 但由于这些产品是我们的大赚钱者之一，我决定使用 Crazy Egg，这就是我注意到的。

你能发现这里的问题吗？ 客户实际上是在点击这些小图片，即使它们不是链接！ 可能是客户点击那里期待发生一些事情吗？

所以在看到热图后，我邀请了一个从未在我们店里购物的朋友来尝试购买一个个性化的手帕。 瞧，她也开始点击那些照片！

她以为通过点击小照片，她会被带到另一个页面，在那里她可以个性化她的手帕。 她也对整个个性化过程感到困惑，因为没有明确的说明。

注意：我认为她感到困惑的部分原因是那些小手帕图片在折叠上方，而“真实”产品隐藏在她笔记本电脑的折叠下方。 这是一个真正的问题！

无论如何，我有点进退两难。 如果我在页面顶部包含有关如何个性化手帕的说明，那会将所有产品进一步推到折叠下方，这是不理想的。

所以最终，我决定创建一个小的信息弹出窗口，当任何人点击其中一张小图片时都会显示该弹出窗口。 在这个弹出窗口中，我提供了有关如何个性化手帕的具体说明。 此外，我删除了线色图形以在页面上移动我们的产品。 下面是一个例子。

在添加弹出窗口并对原始登录页面进行了一些拆分测试后，我发现添加弹出窗口并将产品移到页面上的更高位置使转化率提高了约 9.3%，但最重要的是，我们还没有收到关于此的支持电话.

即使这个页面仍然需要工作，我还是欣喜若狂地在我们的着陆页上找到了一个问题点，我可以通过热图分析立即发现这个问题。 使用常规的 Google Analytics，我永远不会观察到这种行为。

经验教训

如果你从这篇文章中拿走任何东西，那就是如果你运行任何类型的基于交易的网站，谷歌分析不会提供足够的信息来提高你的转化率。

分析客户行为很重要，不仅要了解哪些客户正在访问，而且还要了解他们如何与您的页面进行交互，这一点至关重要。

运营在线商店与它的交易性一样，所以我建议所有电子商务商店都超越分析思考并在更细粒度的层面观察他们的客户。

最好的部分是您可以单击此处免费试用这些跟踪工具 30 天。

请随时在下面问我任何问题。