网站热力图图解 - 免费开源热力图 ClickHeat

使用ClickHeat背景,资金充裕可以考虑使用铂金分析。 之前网页热力图使用过百度统计以及铂金分析与google分析, 百度热力图基本上不靠谱。3k的浏览量点击量只有很少,铂金分析免费版本只能存一个页面3天的的热力图。google分析需要科学上网,并且不是事实反馈。而且只有按钮等状态的点击情况。如果需要优化

页面,同时也不想花费大价钱可以考虑使用ClickHeat 热力图。

http://www.matomo.net.cn/2018/11/free-open-heatmap-software-clickheat/

下载及安装

你可以使用git克隆它:

git clone https://github.com/dugwood/clickheat.git

或者你可以通过ZIP压缩包进行安装:访问github页面 >> clone or download >> download Zip, 然后按照安装步骤进行安装。

也可以访问https://github.com/dugwood/ 下载zip文件上传至域名空间

安装条件

  • 客户端要支持javascript(已经在firefox2.0, IE6、IE7,Kongqueror上进行过测试)
  • 服务器端:Linux或者Window(从ClickHeat1.3版本开始),Apache或Lighttpd(其他的可能),PHP,GD2(支持PNG)。

特性

  • 较低的日志活动:记录一次点击只会有很少的功能调用,服务器负载不会太增加。
  • 在javascript代码中,关键词被用来定义网页,同时可以把相同的页面进行分组。
  • 屏幕大小和浏览器会被记录,这样也可以追踪流动的CSS布局设计。

安装

  • 解压软件压缩包,并上传到你的服务器(压缩包中已经包含了名为clickheat的目录,所以你可以直接将压缩包解压到你的网站根目录)
  • 通过浏览器访问解压后的目录(http://www.yousite.com/clickheat/index.php)
  • 按照页面的说明进行配置即可

备注:在1.x版本之后javascript代码就发生了变化,所以如果你要从0.xx版本升级的话,请一定要更新javascript代码。

安装图解

(使用宝塔环境配置:1g内存50g硬盘,建议将文件放置于根目录,因为好看)

步骤一:访问安装目录

http://www.matomo.net.cn/xxxx/

网站热力图clickheat起始页

步骤二:下一步配置

网站热力图clickheat配置页

备注:请确保日志文件目录,缓存目录可被webserver用户可读可写

步骤三:网站热力图ClickHeat客户端JS代码安装

免费网站热力图clickheat菜单

点击上面一排的菜单 “JavaScript”

免费网站热力图clickheat生成js

将代码放到你的特定网页的</body>标签的前面-此方法只记录特定网页或者放到你的后台代码的模板的</body>标签的前面以记录所有相关的页面

使用方法

备注:“网址”那一行请输入内容(例如,你的域名),否则可能会在查看时“网址&分组”下拉菜单看不到内容。箭头请一定要正确填写

使用情况

使用问题

对于移动端以及分辨率的适配存在问题,会出现热力图点击和实际位置出现偏差(勾选分辨率后数据样本又比较少),只有单纯的热力点击数据,页面滚动访问时长数据等未有,且一次性只 看30天数据

版权声明:
作者:互联网笔记
链接:http://www.nw52.com/top/945.html
来源:互联网笔记
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>