如何使用 GTM 在 Google Analytics 中获取 SPA 的页面时间？

Question

我已经为此苦苦挣扎了几天，但实际上找不到任何好的信息。我是 Google Analytics 和 Google Tag Manager 方面的新手。

我有一个客户网站，它是一个使用 Marionette 的单页应用程序。客户希望了解在应用程序中加载不同页面所需的时间，特别是他们想知道要关注哪些页面进行优化。他们还希望对 GA 中的用户交互进行更多分析。

我已经安装了谷歌标签管理器并设置了页面浏览标签，以通过历史触发器正确显示各个页面路径，如下所述： https://www.pmg.com/blog/tracking-single-page-web-apps-google-tag-manager-analytics/

这很好，我可以在 GA 中看到历史片段/页面路径。

问题是当我在 GA 的行为报告中转到页面计时时，所有计时都是 0。平均页面加载、服务器加载等。

我尝试从 Luna Metrics 安装页面计时配方： https://www.lunametrics.com/labs/recipes/page-load-timing/

这不起作用，因为其中的自定义 javascript 依赖于 window.performance，经过一些研究，这似乎不适用于 SPA。

function() {
  var timing = window.performance.timing;
  var ms = timing.loadEventStart - timing.navigationStart;

  return Math.round(ms / 100) / 10;  
}

我还尝试在 PageView 标记中将 siteSpeedSampleRate 设置为 100 以进行谷歌分析。这似乎也没有任何影响。

我也一直在弄乱标签并使用 GTM 预览和 GA 调试，我可以看到正在设置的自定义时间，但在每次后续链接点击时具有相同的值（它在初始时使用相同的页面加载值我认为页面加载）这就是为什么我不认为 window.performance 在这里是一个选项。

我还没有找到任何明确的方法来让谷歌分析跟踪 SPA 的页面时间，我希望得到任何建议！

Answer 1

我想我只需要在 siteSpeedSampleRate 更改后有点耐心。这似乎解决了我的时间问题。