Google Analytics页面浏览量未在仪表盘显示问题求助

控制台能捕获到带pathName的pageview请求，但Google Analytics仪表盘无相关记录。

控制台日志 #

Running command: ga("create", "G-XXX", "auto")
analytics_debug.js:22
Running command: ga("send", {hitType: "pageview", page: "/site/646c4fd09cb36771adae634b/service-type/onsiteCollection/outlet/646c4d099cb36771adae6151/menus/646c5d6e9cb36771adae6ab3"})

已添加的代码 #

index.html中的gtag配置 #

<script async src="https://www.googletagmanager.com/gtag/js?id=%REACT_APP_MEASUREMENT_ID%"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', "%REACT_APP_MEASUREMENT_ID%");
</script>

React组件中的ReactGA代码 #

useEffect(() => {
    ReactGA.initialize([{
      trackingId: apiConsts.REACT_MEASUREMENT_ID,
      testMode: apiConsts.DEV
    }]);
  }, [])

  useEffect(() => {
    ReactGA.send({ hitType: "pageview", page: location?.pathname + location?.search});
  }, [location.pathname])

排查建议 #

• 确认跟踪ID一致性：检查G-XXX、%REACT_APP_MEASUREMENT_ID%、apiConsts.REACT_MEASUREMENT_ID是否为同一个GA4跟踪ID，避免ID混用。
• 解决双重初始化冲突：你同时使用了gtag.js和react-ga两个GA实现库，二者会产生冲突。二选一即可：
  • 若保留react-ga：删除index.html中的gtag代码，注意react-ga主要适配UA（UA-开头），GA4建议改用react-ga4库；
  • 若保留gtag.js：删除React组件中的ReactGA代码，改用gtag('send', 'pageview', location?.pathname + location?.search)发送页面浏览事件。
• 检查testMode状态：ReactGA初始化时的testMode: apiConsts.DEV，若当前处于开发环境，testMode会将请求发送到测试端点，不会上报到GA仪表盘。生产环境需确保testMode设为false。
• 查看实时报告：优先查看GA4后台的「实时」板块，常规报告可能存在24-48小时的延迟，实时板块能快速验证请求是否上报成功。
• 检查网络请求：在浏览器开发者工具的Network标签，搜索collect，确认是否有发送到https://www.google-analytics.com/g/collect的请求，检查响应状态码是否为200，请求参数中的tid是否为你的跟踪ID，page参数是否正确。
• 检查GA4后台配置：确认数据流已正确创建，未启用页面浏览事件过滤规则（如内部IP过滤）导致请求被拦截。

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