url - 使用 Google Analytics 跟踪 URL 更改而无需重新加载页面

Question

我有一个按钮，它会触发 JS 并根据随机逻辑返回不同的模态。 为了保持无缝流程，我无法重新加载页面，但我需要跟踪打开了什么模态以及在其中单击了什么按钮。

我可以通过使用 JS window.location 跟踪显示和点击的内容来更改 URL。

window.location.hash = 'clicked1'

这会将我的 URL 更改为 www.site.com/#clicked1 或 www.site.com/#clicked2 问题是，我如何在 Google Analytics 中跟踪它？

有人可以引导我穿过这片丛林，以便我更好地理解这个过程。我应该改用事件跟踪吗？或者我可以在不重新加载页面的情况下跟踪 URL。

Answer 1

这是一篇关于跟踪 single page application 的精彩文章与谷歌分析。

要将动态加载的内容作为不同的综合浏览量进行跟踪，您可以将综合浏览量命中发送到 Google Analytics，并通过设置页面字段指定文档路径。

ga('send', 'pageview', '/#clicked1);

通常最好在发送点击之前用任何新的页面信息更新跟踪器对象。这将确保所有点击都与正确的页面数据相关联。

要更新跟踪器对象，请使用 set 方法:

ga('set', 'page', '/#clicked1);

如果您想要更新的不仅仅是页面字段，您可以将键/值对的对象传递给 set 方法。

ga('set', {
  page: '/#clicked2',
  title: 'Clicked 2'
});

一旦使用新页面的正确数据更新了跟踪器，您就可以在不覆盖页面相关参数的情况下发送命中。例如:

ga('send', 'pageview');