> ## Documentation Index > Fetch the complete documentation index at: https://docs.vibestrap.dev/llms.txt > Use this file to discover all available pages before exploring further. # 数据分析 & 站长工具 > 一次接入 Vercel、GA4、PostHog、Plausible、Umami、Clarity 六家分析工具，外加 GSC、Bing Webmaster、Yandex Webmaster 一行配置的所有权验证。每家按 env 变量自动决定是否启用，自由组合。数据分析是那种"以后再加"的决策 —— 拖一拖就累积成几小时的集成工作。AI 产品上线第一天通常就需要产品分析(PostHog)+ 流量分析(Plausible / GA),不是上线 60 天后才来补。 vibestrap 在 root layout 里挂了一个 ``,把数据同时发到 **六家** provider(Vercel、GA4、PostHog、Plausible、Umami、Clarity),外加 `metadata.verification` 块给 Google / Bing / Yandex 站长工具用。每个 loader 自己检查 env 变量,没配就返回 `null` —— 你只为配过的 provider 付代价,配 env、重启、搞定。 ## 分析 provider ### 前置条件 * 在 Vercel、Google Analytics 4、PostHog、Plausible、Umami、Microsoft Clarity 里挑至少一家注册。 * 拿到 provider dashboard 里的 site / property / website ID。 * 一个生产域名（部分 provider 拒绝来自 `localhost` 的事件，或者直接采样掉）。 ### 一步步配置 1. **在 `src/config/site.ts` 选要启用的 provider**。六个默认全是 `true`；想关掉就设 `false`，即便 env 变量配了也不会渲染。 ```ts theme={null} analytics: { vercel: true, googleAnalytics: true, posthog: true, plausible: true, umami: true, clarity: true, }, ``` 2. **把对应的 env 变量加到 `.env.local`**。全部是 `NEXT_PUBLIC_*`——loader 跑在浏览器里，所以必须打进客户端 bundle。 ```bash theme={null} # GA4 —— Measurement ID NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=G-XXXXXXXXXX # PostHog —— project key + host（host 默认 us.i.posthog.com） NEXT_PUBLIC_POSTHOG_KEY=phc_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx NEXT_PUBLIC_POSTHOG_HOST=https://us.i.posthog.com # Plausible —— 域名 + host（host 默认 plausible.io） NEXT_PUBLIC_PLAUSIBLE_DOMAIN=yourdomain.com NEXT_PUBLIC_PLAUSIBLE_HOST=https://plausible.io # Umami —— website ID + host（host 默认 cloud.umami.is） NEXT_PUBLIC_UMAMI_WEBSITE_ID=00000000-0000-0000-0000-000000000000 NEXT_PUBLIC_UMAMI_HOST=https://cloud.umami.is # Microsoft Clarity —— 项目 ID，从 clarity.microsoft.com 拿 NEXT_PUBLIC_CLARITY_PROJECT_ID=xxxxxxxxxx ``` 3. **Vercel Analytics 在 Vercel 上零配置**——`@vercel/analytics/next` 组件会自动注入脚本。本地是 no-op。要关掉就设 `analytics.vercel = false`。 4. **重启 `pnpm dev`** —— `NEXT_PUBLIC_*` 是构建时打进去的，不重启不会生效。 ### 怎么挑 | Provider | 适用场景 | | ----------------- | --------------------------------------- | | Vercel Analytics | 已经部署在 Vercel 上、想要个零配置的基线。免费额度够用。 | | GA4 | 要做 Google Ads 归因、或者市场团队已经在用 GA。 | | PostHog | 产品分析、feature flag、session 录屏一站式。免费额度大方。 | | Plausible | 隐私优先，GDPR 友好，不用 cookie banner。脚本很轻。 | | Umami | 开源、可自托管。隐私优势同 Plausible，自托管更省钱。 | | Microsoft Clarity | 热图 + session 录屏，永久免费、无流量上限。和 GA4 配合非常顺。 | ### 验证生效 1. 用无痕窗口打开站点。 2. 打开 devtools → Network，按 provider 域名过滤（如 `posthog.com`、 `plausible.io`、`clarity.ms`），页面加载时应该至少看到一个请求发出去。 3. 随便点点页面——每家 provider 的后台应该在 30 秒内出现实时访客。 4. 看页面源码：每个开启的 provider 应该有一个 `