Google Analytics GA4 接入网站的详细步骤

Google Analytics GA4 接入网站的详细步骤

Google Analytics GA4 接入网站的详细步骤,从注册到代码落地,你照着做就能跑起来。

接入 GA4 的完整流程

  1. 注册 Google Analytics 账号

打开 Google Analytics,https://analytics.google.com/ 使用 Google 账号登录(如果你有 Gmail 就能用) 点击 Admin(管理) → Create Account(创建账号)

Account name: 随便填,比如 XluTools Data sharing settings 保持默认

  1. 创建 GA4 Property(属性)

在 Admin → Property → Create Property Property name: XluTools Main(比如用你的主站名)

Time zone: 选 Asia/Shanghai 或 Asia/Tokyo Currency: USD / CNY 都行

点击下一步,选择业务类别 → 可以随便选(不会影响统计)

一个 Property 可以追踪多个域名/子域名,适合你这种情况。

  1. 创建 Data Stream(数据流)

在新建好的 Property 下 → Data Streams → Web 输入你的站点域名,比如:xlutools.com 注意这里加主域名即可,子域名也会被追踪 命名:比如 XluTools Web

点击创建,得到一个 Measurement ID(G-XXXXXX 格式)

这个就是你要放到代码里的追踪 ID

  1. 在 Next.js 项目中接入 GA4

这一步,直接交给AI即可,根据不同的项目和情况进行写入。

  1. 验证是否成功

部署到 Vercel 后,访问你的站点 打开 Google Analytics → 左侧菜单 → Realtime(实时) 如果能看到自己访问,就说明接入成功

  1. 子域名数据统计

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