用微软 Clarity 来追踪文章的完读率

对于个人博客或媒体类网站来说,文章的点击量可能是衡量文章流行度的重要指标,但在衡量文章的质量上往往需要另一个指标就是完读率。

对于中文创作者来说,微信公众号等自媒体平台的后台,往往已经集成了完读率的统计,可以直接参考。但对于独立站和个人博客上的流量,如何来衡量文章的完读率呢?

在之前做英文站的时候,我曾经尝试过使用 Google Tag Manager 来实现完读率统计,它的原理大概是通过 Google Tag Manager 的滚动深度触发器来触发一个事件(event)。比如你可以设置,滚动深度达到 25%,50%,75% 和 100% 时分别触发四个事件。

这样,你就能在 Google Analytics 里一个页面四种事件发生次数的统计,来计算出一个页面大致的完读状态了。

但这样的方法不仅需要你需要相对高阶的 Google Analytics 技巧,并且结果呈现上并不直观,最重要的是,它的精度也不高。因为如果你将每 1% 滚动深度变化都触发一次事件,那实际上会影响网页运行效率。所以,你只能设置几个大致的档位。(如果你需要,可以参考这篇文章:Google Tag Manager上的滚动深度触发器

在制作明日故乡的时候,我无意中发现微软在 2021 年发布了 Microsoft Clarity。和 Google Analytics 相比,这是一款没那么专业的产品分析工具。它能实现的功能很少,但每一个都很关键,定位有点像当年国内的百度统计、51La统计、站长统计之类的——简单,但有用。

比如说,在用户行为这一块,它虽然没法像 Google Tag Manager 那样给你几百个触发器让你自行组合想追踪的用户行为。但它默认追踪的滚动深度、强烈点击、无效点击、过度滚动、快速后退都是非常有效的指标:

  • 滚动深度 – 能看出你的文章是否真的吸引读者读到了最后。
  • 无效点击 – 是指用户在页面上点了东西,但没有任何事情发生,可以用于发现网站的bug。
  • 过度滚动 – 用户的滚动行为超出了网页的长度,我认为这个在博客站上是可以用于衡量读者是否意犹未尽的。
  • 快速后退 – 这个行为是指用户从一个列表类的页面进入到一个详情类页面后快速返回列表页,如果这个出现在博客站的某篇文章上,大概是标题党太厉害了。

对于 WordPress 等博客,Microsoft Clarity 还提供了额外的“阅读行为”追踪,识别出用户的“一点即关”,“少量阅读”,“较多阅读”,“完读”等行为模式,可以说是比微信公号后台提供的统计还要详细。但这个需要额外在网站模板中标注文章的正文部分,详情可参考这里

另外,Clarity 的本职工作其实是用户的行为录制(Session Recording)与热力图统计,你能够看到每个用户的每次访问,从头到尾点击了什么,与什么功能交互。这个对个人博客站就没那么重要了,但对明日故乡这样小产品类的网站就比较有指导意义。我可以看看哪些功能最受欢迎,还可以通过行为录制看看用户是卡在什么地方了。

Session Recording 连国内超贵的商业分析解决方案 Growing I/O 与神策数据都没有,据说是“政策原因”,但 Clarity 不仅免费,而且这个功能做到了 GDPR 合规。其具体合规的方法,我研究了一下,是通过 AI 屏蔽录像中的用户敏感数据部分,这还挺别出心裁的。

除开 Session Recording,其实类似的用户分析工具并不是没有,海外的有 PostHog,国内的有 GrowingIO 与神策数据,硬要说的话 Google Tag Manager 也是能实现几乎所有这些功能的。但这些产品要么没中文,要么价格昂贵,都是使用门槛太高。Microsoft Clarity 贵在免费,且有中文。

比较疑惑为啥上线两年多了,中文互联网上鲜少有人介绍这个产品,于是特地写了这篇给它增加点 SEO 热度。

对了,如果你的项目已经使用 Google Analytics 很久不可能迁移,也没有关系。因为 Microsoft Clarity 支持整合 Google Analytics。

整合后,你就可以在 Google Analytics 里直接看到同一个项目的 Clarity 报表了。

评论尸 的头像

如果你觉得本文有信息增量,请:

喜欢作者

 

精选评论

  1. - 的头像

    紧接着有一个问题,这类追踪工具会被广告拦截插件屏蔽吗?比如ublock origin。

    1. 评论尸 的头像

      我自己的感觉是没有被屏蔽。

      1. testtest2333 的头像

        看了一下我的ubo,屏蔽了googletagmanager,ms clarity,wp stats。
        我自己用的规避方法是自托管一个plausible,但数据简陋很多(我分析需求也不多就是)。

  2. Wesson 的头像

    捉个错别字envent->event
    ——它的原理大概是通过 Google Tag Manager 的滚动深度触发器来触发一个事件(envent)

    1. 评论尸 的头像

      已修正,感谢。