数据驱动的互联网营销和运营
宋星的个人博客

SMT——监测访问者的鼠标点击和移动

【导语】:利用SMT,可以监测到访问者在网页上鼠标的移动和点击行为,这为我们定性了解用户在网页上的行为提供了一个很有价值的路径。本文亦感谢Tenly在工具安装和测试上的贡献。

  今天跟大家介绍一款网站监测工具。与一般的网站监测工具不同的是,这个工具并不告诉我们有多少人访问了网站,他们来自何处,以及访问了什么页面;但是,它能记录每个访问者访问页面的鼠标移动和点击情况。很显然,这个工具与监测眼球浏览网页的工具一样,是对我们通用的网站监测与分析工具的一个极好的补充,也是我们在进行网站优化时的一个极佳测试工具。

  它的名字叫做(smt)2.0,即simple mouse tracking version 2.0,官方网站在:http://smt.speedzinemedia.com/smt/

  这个工具能够监测到每个访问者在页面上的鼠标轨迹和动作,包括:

  1. 鼠标进入和离开网页的位置;
  2. 鼠标的移动轨迹;
  3. 鼠标在移动过程中每个轨迹区域停留时间的长短;
  4. 鼠标在页面上点击的位置;

  如下图所示:

 

图:(smt)2.0的鼠标轨迹监测图

  图中各个元素的含义如下:

  • 绿色的箭头是开始监测时,鼠标进入网页的位置;
  • 红色的箭头则是监测结束时鼠标所在的位置,可以近似认为是鼠标最后的位置。
  • 白色的大叉(big white cross)是鼠标活动的区域的中心,间接表明了访问者注意力的近似中心。
  • 蓝色的细线当然是鼠标移动的轨迹咯,而蓝色细线上红色的点则是用户鼠标左键的点击——从图上看起来,这个访问者(其实就是我)似乎认为图像是可以点击放大的,但实际上不能。
  • 最后,比较难以理解的是蓝色的圆饼,它们显示了某个鼠标轨迹区域鼠标停留的相对时间——饼越大,停留时间越长。

  当然,你可以把鼠标放在这些元素上,会有提示性的文字告诉你他们的含义和值。

[版权归作者Sidney Song所有,欢迎转载,但请事先告知作者并注明出处]

  看起来这个工具的可视化非常不错,事实上安装方法也非常简单:http://smt.speedzinemedia.com/smt/docs/smt_doc.html。而且它是开源软件,你可以自行修改源代码进行定制化。

  不过,似乎工具本身还有一些适应性的问题,我在自己的网站上(www.chinawebanalytics.cn)进行了尝试,有些访问的轨迹很正常,有些则匪夷所思,而且没有对于中文页面的支持(页面显示会是乱码),见下左图:

  此外,这个工具能够记录每一个访问者的鼠标行为,但是这些数据一定会塞爆你的服务器空间,因此系统默认的监测时取样的,而不是全部监测。如果你希望能够全部监测,可以在后台中手动输入配置。

  不足在于,由于监测报告反映的都是每个访问者个体的鼠标移动,因此如何综合汇总这些数据而形成一个整体访问者的行为趋势报告会变成一个困难的工作。不过,好的地方在于,只要你对开源开发足够了解,你完全可以把它定制为你需要的工具,而且它兼容所有主流的浏览器。最后,它是完全免费的。

[版权归作者Sidney Song所有,欢迎转载,但请事先告知作者并注明出处]

  了解更多内容请访问:

网站: http://smt.speedzinemedia.com/smt/

Demo: http://smt.speedzinemedia.com/smt/demos.php

安装文件下载: http://smt.speedzinemedia.com/smt/downloads.php

未经允许不得转载:网站分析在中国——从基础到前沿 » SMT——监测访问者的鼠标点击和移动
分享到: 更多 (0)

评论 25

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    我有一个问题,大量浏览器所支持的[鼠标手势]功能,会不会给这个轨迹监测带来不可忽略的干扰?毕竟我自己就大量使用鼠标手势,而在画出某个手势过程中,想取消这个手势的最简便方法就是随便乱画一通。

    shareman8年前 (2009-07-26)回复
    • 会影响,毫无疑问。:)
      有多少人用鼠标手势,可能比例并不大。BTW:你是资深网友哦。;)

      Sidney Song8年前 (2009-07-26)回复
      • 如果鼠标点的是空白区域也能跟踪到吗?
         

        Nina3年前 (2015-01-15)回复
  2. #-48

    Sidney Song,你好,冒昧地问一下,不知道您的blog中能否能多一些关于网站分析报告的介绍,比如,一个有效的分析报告一般包括哪几方面内容?报告一般面向的对象是谁?报告演讲中通常要注意的问题有哪些……我记得你翻译过《“可执行的网站分析报告精要”——跟糟糕的简要报告说再见吧》,那篇文章的启发就很大。多谢了。

    qiao8年前 (2009-07-26)回复
    • 谢谢你的评论。很好的建议。为什么我没有写太多关于报告方面的文章,是因为我清楚报告本身存在很多不确定性,没有通行的标准,读报告者的具体情况不同,报告本身的差异巨大。不过,我相信你的需求是有代表性的。
      “一个有效的分析报告一般包括哪几方面内容?”——这个很难回答。不同的报告确实区别很大,包括的内容也不同。但我会尝试开一个帖子专门说说一个报告应该有的逻辑结构。这样行吗?

      Sidney Song8年前 (2009-07-26)回复
  3. #-47

    记录鼠标的运动轨迹本身具有不确定性,一方面上面朋友提到的左右手的使用习惯不同;一方面是鼠标的精度,我自己使用的MIE7的鼠标,有时候当不操作时,自己就会在页面上滚来滚去。不过这倒是一个跟踪用户轨迹的好方法。
    PS:据说能撑爆server,我就不测试了,呵呵。

    Youping8年前 (2009-07-27)回复
  4. #-46

    上回和卫峰兄聊做ANALYTICS最后目的是,深度研究目标用户的最终目的,行为。这对网站的易用性还是很有指导意义的,包括之前的热图,大家仍需努力,呵呵,十分感谢分享。

    苗宇8年前 (2009-07-27)回复
  5. #-45

    谢谢Sidney Song,那一定很有帮助的,期望能读到您对报告逻辑结构的精彩解析与见解!

    qiao8年前 (2009-07-27)回复
  6. #-44

    不知道这个数据准不准确,如果可以跟踪到客户的鼠标移动,那对网站分析有很大的好处。

    哈根达斯月饼8年前 (2009-07-27)回复
  7. #-43

    以前VODOING有过一个比较好的鼠标监控点击图,后来莫名其妙的VODOING就用不了。GA虽然也提供鼠标触点图,不过看起来太乱了,不爽。这个倒是第一次听说,看起来很不错啊。

    香港荣华8年前 (2009-07-27)回复
  8. #-42

    我看到你给smt报了bug
    中文站点无法显示报告的问题, 如何解决的?

    大浆糊8年前 (2009-07-28)回复
  9. #-41

    做网站的都需要这样的好工具帮助分析用户行为!

    布里斯班8年前 (2009-07-28)回复
  10. #-40

    会不会对网站所在的服务器造成压力?

    川流不息8年前 (2009-07-29)回复
    • 如果不是监测没有个访问者的鼠标活动,对服务器所造成的压力不大。

      Sidney Song8年前 (2009-08-03)回复
  11. #-39

    嘿嘿,其实已经用chicktale了,电子商务的话,对于购物车那页面的监控是非常必要的!

    购购网8年前 (2009-11-03)回复
  12. #-38

    可以提供安装步骤?我装了老半天硬 是不装上

    8年前 (2009-11-26)回复
  13. #-37

    建议将文章中的链接的动作改为“点击,在新窗口打开链接”,目前这种很不方便

    cheung408年前 (2010-04-08)回复
  14. #-36

    中文站点无法显示报告的问题, 解决了没?

    Calf7年前 (2010-11-08)回复
  15. #-35

    你好,我这边装了SMT2 的。但是最后发现了 ,获取不到数据, 我想知道 怎么测试 才算是安装正确的, 麻烦回答下 

    ycruby4年前 (2014-01-12)回复
  16. #-34

    现在才看到你的这篇文章,jyc统计已经已经推出访客在页面的鼠标移动轨迹录像播放功能了,比mouseflow还实用,呵呵

    jyc3年前 (2015-01-28)回复