内容摘要：去年帮一个做播客的朋友看后台数据，发现他网站上挂着五六个统计代码，Google Analytics、百度统计、CNZZ，还有两个我根本叫不上名字的。问他为什么装这么多，他说“多装几个总有一个准的”。结

去年帮一个做播客的网站朋友看后台数据，发现他网站上挂着五六个统计代码，统计Google Analytics、代码大全百度统计、网站CNZZ，统计还有两个我根本叫不上名字的代码大全。问他为什么装这么多，网站他说“多装几个总有一个准的统计”。结果呢？代码大全每个工具给出的访问量差了将近40%。这事儿挺典型的网站——很多人往页面里塞统计代码，却从来没搞清楚它们到底在干什么。统计

统计代码本质上就是代码大全一段JavaScript。用户打开网页，网站浏览器执行这段脚本，统计脚本再向统计服务商的代码大全服务器发送一个请求，带上页面URL、来源、屏幕分辨率这些信息。服务商那边收到请求，记录下来，就成了你后台看到的“访问量”。就这么简单。不同厂商的代码做的事情大同小异，区别在于采集维度、数据处理方式和隐私政策。

Google Analytics：功能最全，但也最重

GA4的代码片段大概长这样：

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){ dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXXXXX'); </script>

这段代码加载了gtag.js，然后初始化。GA4最大的变化是事件驱动模型，不再像以前那样区分页面浏览和事件，所有交互都是事件。好处是灵活，坏处是配置复杂。我见过不少人装完GA4之后后台一片空白，因为默认配置下很多数据根本不会触发。另外GA在国内的加载速度是个问题，gtag.js有时候要好几秒才下载完，移动端用户可能没等脚本加载就关页面了。

百度统计：国内站长的默认选项

代码更简洁：

<script> var _hmt = _hmt || []; (function() {  var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?你的ID"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>

百度统计的优势在于服务器在国内，加载快，而且对中文搜索引擎的流量识别更准。比如从百度搜索过来的关键词，GA经常显示为“not provided”，百度统计能看到具体词。缺点是功能相对基础，漏斗分析、自定义事件这些做得不如GA精细。另外百度统计的实时数据有延迟，大概5到10分钟，急着看效果的时候挺磨人。

Plausible和Umami：轻量派的选择

如果你只关心基本流量数据，不想让页面变重，可以看看Plausible。它的脚本只有1KB左右，加载几乎无感。代码就一行：

<script defer data-domain="你的域名" src="https://plausible.io/js/script.js"></script>

Umami是开源的，可以自己部署。我用Docker在VPS上跑了一个，资源占用很低，界面干净，没有GA那种让人眼花缭乱的菜单。适合个人博客或者小团队。代价是功能少，没有复杂的归因模型和受众细分。

装多个统计代码的坑

回到开头那个问题。多个统计工具同时跑，除了数据对不上，还会拖慢页面。每个脚本都要发请求，都在争抢主线程。更麻烦的是，有些统计代码会互相干扰。比如百度统计和GA都用全局变量，偶尔会冲突。我自己的做法是只留一个主统计工具，需要补充数据的时候用服务端日志分析，而不是在前端堆脚本。

还有个细节：统计代码放的位置。放在<head>里会阻塞渲染，放在</body>前又可能漏掉那些快速跳出用户的数据。折中方案是用async或defer属性，让脚本异步加载。GA4和Plausible的官方代码都默认加了异步，百度统计没有，需要自己手动改一下。

最后说一句，统计工具只是工具。我见过有人每天盯着后台的实时访客数看几个小时，却不花时间写下一篇文章。数据是用来辅助决策的，不是用来自我安慰的。