Google Analytics中的热力图

Google Analytics Haran 7年前 (2017-09-12) 17332次浏览 5个评论
文章目录[隐藏]

Update:2023-10-12

Google Analytics 4 不支持热力图,如要使用热力图,请用其他产品,延伸阅读:网站热力图工具有哪些?

Google Analytics的热力图使用方法

Google Analytics在2016年年底的时候将热力图功能从内置报告移除,改为通过浏览器的插件Page Analytics实现

在Chrome浏览器插件市场里面搜索“Page Analytics”,把这个插件安装上去,可以在右上角看到如下的图标:

Google Analytics中的热力图

 

这样表示插件已经安装上去,然后直接访问你的网站,点击右上角的page analytics,变成on的状态就可以看到气泡图:
Google Analytics中的热力图

 

默认是0.1%的才展示,而且是以气泡图的形式,一般调整左上方的地方将其设置为0.00%,改为颜色的形式:
Google Analytics中的热力图

 

由于页面头部是左右的模板都一致的,下面看看做的分类目录,看看访客关注什么内容
Google Analytics中的热力图
可以看到最多关注的是Google Analytics视屏教程、Google Analytics、和Google Tag Manager,可以将这三个放到头部的导航栏。

热力图常用分析思路

通常来说,热力图可以从以下几个角度去分析:

1、用户的集中点击位置。
导航,可以根据热力图对导航做优先级排序;
搜索的地方热度高,那么说明首页找不到产品,需要对分类做优化;
表单,如果热度集中在中间某个区域,可以将表单的整体设计下移;
点击多的地方是用户关注的,可以将这部分在页面设计得更明显;
需要留意是否有位置是很高点击,但却没有跳转链接的,是用户点击死角,这种类型的设计的模糊,会消耗访客的耐心,要避免这样情况出现。

2、用户的页面浏览或点击分布,特别是对于单页面的着陆页或长页面,如果首屏没有点击,第二第三屏幕点击很多,那么你呈现信息的优先次叙旧有问题,需要将第二三屏的内容排到前面;如果在第三屏幕只有3%的访客到达,只有很小比例的用户会继续下来去看,那么设置的时候就没必要设置那么多屏,可以两屏,或一屏就够了。

3、不同渠道的访客的页面行为表现,对比不同渠道的方法关注的内容,可以用于指导着陆页的设计。

4、垃圾流量识别,机器流浪进来大部分是不会产生点击的,如果某个渠道是垃圾流量,那么某个渠道的页面访问数点击很多,但是热力图会是很稀疏的节奏,这种就很可能是机器流量。

存在的弊端与不足

Google Analytics的热力图还有不少弊端,首先它只记录有链接的地方的点击,也就是空白地方的点击是没显示出来的,也就是丢失了用户点击死角的数据情况,数据记录不全;其次是热力图显示的比较粗糙。

Adobe Analytics也是只是记录有链接的点击,如果要记录所有的点击,可以考虑使用其他的付费产品。

其他热力图工具推荐

由于Google Analytics只记有链接的点击,所以会漏掉很多空白位置的点击数据,如果条件允许的话,建议可以使用一些付费的热力图工具,如Crazy EggHotjar,将所有的点击都记录,这样的分析更有价值。

更多热力图工具请看:网站热力图工具有哪些?


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (7)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. 请问为什么我打开网站后每个模块的点击图都是一个值呢?
    居居的毛豆2018-12-25 17:14 回复 Windows 10 | Chrome 71.0.3578.98
    • 是这样的,ga的热力图很积累,建议使用其他工具
      GA小站2018-12-25 22:02 回复 Mac OS X | Safari浏览器 604.1
      • 哈哈哈 那请问如果是单页面结构的网址该用什么软件查看热力图呢?用了好多软件要么不行,要么要定制好贵呀~
        居居的毛豆2018-12-25 22:19 回复 Windows 10 | Chrome 71.0.3578.98
        • PT 和crazyegg
          GA小站2018-12-26 09:52 回复 Windows 7 | Chrome 65.0.3325.52
  2. 棒棒哒
    Helen2017-12-28 13:17 回复 Mac OS X | 微信浏览器 6.5.7