使用网站脚本通过Google Analytics追踪移动Web应用失效求助

这种情况我碰过好多次，核心问题大概率是Google Analytics没有正确追踪单页应用（SPA）的路由变化——从你描述的浏览器访问也有同样问题来看，你的网站应该是个SPA（单页应用）对吧？

为什么会出现这个问题？ #

传统多页网站每次页面跳转都会重新加载整个页面，GA的默认脚本会自动捕获页面加载事件并发送页面浏览数据。但SPA是通过JavaScript动态更新页面内容和路由，页面本身不会刷新，GA默认不会感知到路由变化，自然只会记录初始的根路径/。

具体解决步骤： #

• 手动触发页面浏览事件
  当你的应用路由发生变化时（比如用户切换到新页面），需要主动调用GA的API来上报当前页面路径。举个例子：

  // 替换成你的GA追踪ID（UA-XXXXXXXXX-X 或 G-XXXXXXXXXX）
  gtag('config', 'YOUR_TRACKING_ID', {
    page_path: window.location.pathname // 或者当前路由的实际路径
  });
  

  如果用框架开发，可以结合路由钩子自动触发：

  • React Router：用useEffect监听location.pathname变化，每次变化时调用上述代码；
  • Vue Router：在router.afterEach钩子中加入上报逻辑。

• 验证GA脚本的正确性
  打开浏览器开发者工具（WebView可以用Chrome的chrome://inspect调试），检查：

  • 控制台有没有GA相关的报错；
  • 网络请求列表里有没有向www.google-analytics.com发送的请求；
  • 可以手动在控制台执行一次页面上报，看Analytics后台是否能收到数据。

• 调整GA的自动追踪设置
  如果你用的是GA4，默认的自动页面追踪可能对SPA支持不佳，可以关闭自动追踪，完全手动控制：

  gtag('config', 'YOUR_TRACKING_ID', {
    send_page_view: false
  });
  

  之后在每次路由变化时手动发送page_view事件：

  gtag('event', 'page_view', {
    page_path: '/your-current-page'
  });
  

• WebView额外检查（虽然浏览器也有问题，但还是确认下）
  确保WebView的配置没有阻止GA运行：

  • 已启用JavaScript（基础要求，不然GA脚本无法执行）；
  • 没有拦截www.google-analytics.com的网络请求；
  • iOS的WKWebView要确认WKNavigationDelegate没有阻止相关请求。

先把浏览器里的问题解决，确保手机浏览器能正常追踪所有页面后，再验证WebView里的情况，一般就能解决问题了。

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