HTML网站Google Analytics无法接收数据问题求助

1. 先解决代码冲突问题 #

• 同时部署Google Tag Manager（GTM）和gtag.js会导致请求冲突，必须二选一：
  • 保留GTM：删除页面中的gtag.js代码，在GTM控制台配置GA4的Tag（选择「Google Analytics: GA4 Configuration」，填入测量ID），发布GTM新版本。
  • 保留gtag.js：移除页面中的GTM代码，确保gtag.js代码完整（gtag('js', new Date());和gtag('config', 'G-XXXXXX');两行缺一不可）。

2. 基础信息校验 #

• 核对测量ID：GA4使用G-XXXXXX格式，UA使用UA-XXXXXX，确认代码中的ID与GA后台「管理→数据流」中的ID完全一致，避免字符复制错误。
• 验证代码部署：打开网站后按Ctrl+U查看页面源码，搜索你的测量ID，确认代码已被Vercel正确部署到页面中；如果找不到，重新提交Vercel部署并清除缓存。

3. 浏览器端调试 #

• 检查请求发送：按F12打开开发者工具，切换到「Network」标签，过滤google-analytics或gtag，刷新页面后查看是否有200状态的请求。无请求说明代码未触发，403/404则检查ID正确性或拦截情况。
• 检查Cookie生成：在开发者工具「Application→存储→Cookie」中，查看是否生成_ga、_gid等GA相关Cookie，无Cookie说明代码执行异常。
• 关闭广告拦截：AdBlock、uBlock等插件会屏蔽GA请求，测试时务必关闭所有拦截工具。

4. 域名与部署配置检查 #

• 确认域名解析：用ping或nslookup检查GoDaddy域名是否指向Vercel提供的IP/CNAME，确保流量正常到达部署的网站。
• 清除Vercel缓存：在Vercel控制台找到对应项目，点击「重新部署」并选择「清除缓存重新构建」，避免旧代码残留。

5. GA后台设置验证 #

• 检查数据流状态：GA4后台「管理→数据流」中，确认对应网站的数据流处于启用状态，未被停用。
• 等待实时数据延迟：GA4实时报告通常有1-2分钟延迟，不要刚访问网站就立刻刷新后台，耐心等待后再查看。
• 排查过滤规则：检查是否设置了IP排除（比如误将测试IP加入过滤）或数据采样规则，导致数据未显示。

内容的提问来源于stack exchange，提问作者TANMAY JUNEJA