Google Analytics的热力图

Google Analytics GA小站 3年前 (2017-09-12) 13819次浏览 已收录 5个评论

Update:2020-03-14

Google Analytics的热力图使用方法

Google Analytics的热力图在2016年年底的时候直接将这个功能给移除掉了,不能再内置报告里面看,但留下了一个接口,还是能够结合插件Page Analytics辅助在Chrome浏览器里面输入https://chrome.google.com/webstore/category/extensions?hl=en-US,然后搜索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

Crazy Egg

有30天的免费使用,其他价格如下:

Google Analytics的热力图

Hotjar

 

Google Analytics的热力图

Ptengine

 

价格体系如下:

Google Analytics的热力图

有免费体验版,但数据量有限额。

 

heatmap.me

heatmap热力图效果如下所示:

Google Analytics的热力图

相对来说比较简单,只是显示点击的的位置和数据。

具体价格如下:

Google Analytics的热力图

免费版可以跟踪5个页面,数据量是100万。

 

 


GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:Google Analytics的热力图
链接:https://www.ichdata.com/google-analytics-heatmap.html

喜欢 (5)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. 请问为什么我打开网站后每个模块的点击图都是一个值呢?
    居居的毛豆2018-12-25 17:14 回复 Windows 10 | Chrome 71.0.3578.98
    • GA小站
      是这样的,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
        • GA小站
          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