为什么要埋点

没有数据，就不知道访客从哪来、看了什么、在哪里离开。埋点的目的不是「监控用户」，而是帮助自己改进内容：哪些文章值得继续写，哪些栏目无人问津。

常见埋点方式

埋点大致可以分为三类：

  • 页面浏览：记录 URL、来源、停留时间；
  • 事件交互：点击、下载、复制、搜索行为；
  • 性能指标：首屏时间、LCP、CLS。

一个最简单的实现

不依赖第三方 SDK 时，可以用 sendBeacon 在页面卸载时上报：

window.addEventListener("pagehide", function () {
  var data = {
    url: location.href,
    referrer: document.referrer,
    ts: Date.now()
  };
  navigator.sendBeacon("/api/track", JSON.stringify(data));
});

注意：sendBeacon 比 fetch 更适合卸载场景，它不会因为页面关闭而中断请求。

注意事项

  • 遵守隐私规范，明确告知用户统计范围；
  • 对数据做聚合，避免记录不必要的明细；
  • 上线前先小流量验证埋点是否生效。

小结

埋点贵在「少而精」。先想清楚要回答什么问题，再决定采集什么数据，最后用仪表盘持续观察。