博客怎么加网站统计？Hexo / Next.js / VuePress 三种接法（无 Cookie）

可以很轻。博客统计通常只需要一行脚本，放进页面 <head> 就行：访客数、流量来源、热门文章、设备和地区都能看到，不用 Cookie，也不用弹同意横幅。对个人博客和文档站来说，这比装 GA4 再学一套事件模型实用得多。

难点不在脚本本身，而在「不同博客框架该把脚本放哪」。下面按 Hexo、Next.js、VuePress 分别说清楚，最后给验证和看数的方法。

为什么博客不需要 GA4

GA4 功能很强，但它的默认假设是「你有一个营销团队要分析转化路径」。对博客来说常见的问题是：

• 报表层级深，看「昨天哪篇文章有人读」要点好几下；
• 默认使用 Cookie，面向欧盟访客时通常要配同意横幅；
• 脚本和配置更重，对追求加载速度的静态博客不友好。

轻量统计工具（如 Plausible）换了个思路：只保留最常用的指标，脚本小于 1KB，不使用 Cookie，不收集个人信息。对博客来说，这些数据已经足够回答「有没有人看、从哪来、在看什么」。

接入前先做一件事

先在你的统计后台添加站点域名，拿到属于这个站点的脚本地址。不同服务、不同自托管实例的脚本地址可能不一样，不要直接抄网上的 plausible.io/js/script.js。

拿到后通常是这样的形式：

<script defer data-domain="yourdomain.com" src="你的统计脚本地址"></script>

data-domain 必须和后台添加的域名一致，否则数据会记到别的站点或直接丢失。下面三种框架只是「把这段放进哪里」不同。

Hexo

Hexo 的主题决定模板结构，常见有两种放法：

方法一：主题自带注入配置。 很多主题（如 NexT）支持在 _config.yml 里往 head 注入自定义内容：

inject:
  head:
    - <script defer data-domain="yourdomain.com" src="你的统计脚本地址"></script>

具体字段名看主题文档，不同主题不一样。

方法二：直接改主题模板。 找到主题目录下负责 head 的模板（常见是 layout/_partials/head.ejs 或 layout/_partial/head.ejs），把脚本加到 </head> 前。升级主题时记得重新加一次，或者用主题提供的自定义文件机制避免被覆盖。

改完执行 hexo clean && hexo generate && hexo deploy，重新生成静态文件才会生效。

Next.js

在 pages/_app.tsx 或 App Router 的 app/layout.tsx 里用 next/script：

import Script from "next/script";

export default function App({ Component, pageProps }) {
  return (
    <>
      <Script
        defer
        data-domain="yourdomain.com"
        src="你的统计脚本地址"
        strategy="afterInteractive"
      />
      <Component {...pageProps} />
    </>
  );
}

strategy="afterInteractive" 会让脚本在页面可交互后再加载，不阻塞首屏。放在根布局里，所有页面都会带上，不用每页重复写。

VuePress / VitePress

在 .vuepress/config.ts（VitePress 是 .vitepress/config.ts）的 head 数组里加：

export default defineConfig({
  head: [
    [
      "script",
      {
        defer: true,
        "data-domain": "yourdomain.com",
        src: "你的统计脚本地址",
      },
    ],
  ],
});

重新构建部署即可。文档站和博客一样，通常只需要页面级统计，不需要额外埋事件。

怎么确认真的统计上了

1. 打开线上页面，查看源码。 搜索 data-domain，确认脚本出现在 <head> 里，域名没写错。
2. 看统计后台的实时面板。 大多数工具都有实时访客视图，用手机或另一台设备打开一篇文章，几秒内应该能看到一条访问。
3. 换一个入口再试。 从搜索引擎、外链或直接输入网址各进一次，确认来源能被区分。
4. 注意广告拦截器。 部分浏览器插件会拦截统计脚本，你会看到数据略低于真实访问，这是正常现象，不代表接入失败。

如果实时面板一直没数据，先查三件事：域名是否完全一致、脚本是否真的加载成功（浏览器 Network 面板看请求状态）、站点是否部署到了 HTTPS 环境。

博客统计重点看哪几个数

• 来源：搜索引擎、外链、直接访问各占多少，决定下一篇内容往哪投；
• 热门文章：哪些旧文还在持续带来流量，值得补内链和更新；
• 入口页：访客第一眼看到的是哪一页，判断导航和推荐位有没有起作用；
• 设备与地区：移动端占比高就优先检查移动端阅读体验；
• 自定义事件：如果博客有订阅、下载、跳转产品页等动作，可以单独埋事件，看哪篇文章真的带来了转化。

常见问题

无 Cookie 统计准确吗？ 它统计的是页面访问和来源，不追踪个人跨站行为，所以不会有「用户画像」这类数据；对博客来说，看趋势和内容效果足够。

需要给访客弹 Cookie 提示吗？ 如果统计工具不使用 Cookie、不收集个人信息，通常不需要为它单独弹窗。具体合规要求仍要结合你的访客地区和业务判断。

脚本会影响加载速度吗？ 小于 1KB 且用 defer 异步加载，对首屏影响很小。真正拖慢博客的通常是图片和第三方评论组件。

自建和托管怎么选？ 自建 Plausible 需要一台服务器和数据库，还要负责升级备份；不想运维就用托管服务，开通后添加域名、粘贴脚本即可。

总结

博客加统计不用大动干戈：在后台添加域名，拿到脚本，按框架放进 head，再用实时面板验证一次。Hexo 改主题注入，Next.js 用 next/script，VuePress 改 config 的 head，都是几分钟的事。

用不墨DEV 网站统计托管 Plausible，无 Cookie、脚本轻量，添加域名后粘贴一行代码即可开始。

相关阅读

• Plausible 和 Umami 自托管成本对比
• 接口健康检查与关键字监控
• 网站宕机怎么通知到企业微信
• 用反馈板收集用户需求与投票

还没确定要看哪些数据，可先用网站访问量统计工具选型的六个问题核对访客口径、转化事件和开通验收。