百度统计的热力图是用js实现的么？

[kchum]

11点上线的时候关注过，但是不知道怎么实现的。。
不知道是不是js实现的么？
能说说具体的函数么？

[sobigfish]

不用百度，但我想原理是一样得， 这个 ClickHeat | Clicks heatmap http://www.labsmedia.com/clickheat/index.html
甚至有可能百度是抄得人家得，以绕过gpl协议

[kchum]

@sobigfish 感谢回答，昨天找了下，有一个heatmap.js（在github上面有）可以显示。
可能我描述得不清楚，是指是根据js相关的什么函数，来获取访客的浏览信息，如在页面的哪个位置的停留时间。。

[twm]

没那么复杂，以前做过同样的产品，做的时候百度还没有开始做统计呢。

在被监测的页面放上监测代码，回传用户的鼠标点击坐标、用户分辨率。

后台根据分辨率，坐标用php gd生成一个热图。拿目标网页垫底，用办透明的热图覆盖，就是最终看到的效果了。


@kchum

[sobigfish]

点击是 window.event 么，能得到座标，在根据客户浏览器的window.innerHeight pageYOffset之类计算出点击的具体位置
访客信息自然是navigator.userAgent
停留时间可能是加载完成的时间和离开的时间计算的，当中的event也应该是。

ClickHeat的页面采集js
http://www.labsmedia.com/clickheat-original.js

[atrl]

http://www.baiduux.com/blog/2010/08/31/%E5%9F%BA%E4%BA%8Ecanvas%E7%9A%84%E7%83%AD%E5%8A%9B%E5%9B%BE%E7%BB%98%E5%88%B6%E6%96%B9%E6%B3%95/
顺手一遍blog

[yoyicue]

@sobigfish
百度统计的 heatmap 呈现是自主用 Flash 实现的 不是 js 的.
http://tongji.baidu.com/web/flash/click_hot.swf

[sobigfish]

@yoyicue 囧，那是我偏见了－。－，flash的话 移动设备被华丽的无视了？

[yoyicue]

@sobigfish 本身那个网站都不是对移动友好的吧

[kchum]

@sobigfish 主要是获取访客数据这块，如果访客不点击，那又该怎么获取呢？

[sobigfish]

@kchum OnMouseMove OnMouseOver

[ninozhang]

曾经项目里用flash实现了一个。
采集要另外实现，无非是获取鼠标坐标，根据宽度转换计算下。
然后再用数据生成热图。
https://github.com/ninozhang/oHeatMap/tree/release
下载swf然后按h可以看到测试数据，按k可以看到按键帮助

[liuxurong]

这个贴不是LIVID发的 么？

[kchum]

@liuxurong 看错了吧。。