1

我在 a 中有一个图像（图表）<div>，上面显示了累积的点击次数，所以看起来到处都是一堆乱七八糟的点。

我想让这个看起来“更好”，并认为热图是最好的选择。

我该如何实施这样的解决方案？

我不是特别擅长 PHP 或 javascript，所以任何指针都会有所帮助。

4

2 回答 2

0

在累积点击方面，您可以简单地在 JS 中注册一个点击处理程序，该处理程序将计算出点击事件发生在图像上的哪个位置。然后，您可以使用 AJAX（或您选择的替代方法）将这些点击返回到您的网络服务器，并可能以某种方式存储它们。

关于创建热图，您有两条潜在路线。

  1. 您可以使用 GD 或 ImageMagick 之类的库在 PHP 中生成热图图像服务器端，并将此图像放置在您的图表上。

    这样做的好处是不必担心浏览器与各种 JS 解决方案的兼容性，但这意味着服务器负载会增加。

  2. 您还可以在 JS 中生成热图客户端 - 有很多可能的方法来做到这一点。

    这样做的好处是将繁重的工作留给浏览器，让您的服务器保持平稳运行。但是，您可能会遇到浏览器兼容性问题。

为了完全回答这个问题，了解更多关于您已经拥有的东西、您受到哪些限制以及您是否对所使用的技术有任何偏好会很有帮助！

于 2011-09-22T15:55:50.860 回答
0
  • 首先用 jQuery 库，你可以选择用户鼠标点击时的位置给你可以看到一个示例 URL
  • 其次，您必须提交此信息以时刻关注您的服务器，这些小数据包表明：IP 或用户、事件日期、鼠标位置、被单击的对象、页面。
  • 第三，您可以创建一个 arlgoritmo，例如添加基于列表的所有点击次数，并且您可以考虑圆圈的颜色和大小（如果您使用这些）
  • 第四，可以用PHP GD库制作图像，也可以考虑根据数据仓库创建叠加CSS属性，如亮度或阴影
于 2011-09-22T15:58:08.490 回答