Google Analytics GA4 接入网站的详细步骤
Google Analytics GA4 接入网站的详细步骤,从注册到代码落地,你照着做就能跑起来。
接入 GA4 的完整流程
- 注册 Google Analytics 账号
打开 Google Analytics,https://analytics.google.com/ 使用 Google 账号登录(如果你有 Gmail 就能用) 点击 Admin(管理) → Create Account(创建账号)
Account name: 随便填,比如 XluTools Data sharing settings 保持默认
- 创建 GA4 Property(属性)
在 Admin → Property → Create Property Property name: XluTools Main(比如用你的主站名)
Time zone: 选 Asia/Shanghai 或 Asia/Tokyo Currency: USD / CNY 都行
点击下一步,选择业务类别 → 可以随便选(不会影响统计)
一个 Property 可以追踪多个域名/子域名,适合你这种情况。
- 创建 Data Stream(数据流)
在新建好的 Property 下 → Data Streams → Web 输入你的站点域名,比如:xlutools.com 注意这里加主域名即可,子域名也会被追踪 命名:比如 XluTools Web
点击创建,得到一个 Measurement ID(G-XXXXXX 格式)
这个就是你要放到代码里的追踪 ID
- 在 Next.js 项目中接入 GA4
这一步,直接交给AI即可,根据不同的项目和情况进行写入。
- 验证是否成功
部署到 Vercel 后,访问你的站点 打开 Google Analytics → 左侧菜单 → Realtime(实时) 如果能看到自己访问,就说明接入成功
- 子域名数据统计
GA4 支持同一个 Property 下的多子域名统计 你可以在 GA4 → Admin → Data Stream 里添加 email.xlutools.com、resume.xlutools.com 等 默认会自动合并到同一个视图,也可以通过过滤器单独查看
总结 要注册 Google Analytics 账号 创建 GA4 Property + Data Stream → 拿到 Measurement ID 在 Next.js 项目里用 Script 加载 GA4 子域名也能追踪,推荐统一放到一个 Property
知识星球原文:https://t.zsxq.com/fsnuh