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

Question

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

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

window.location.hash = 'clicked1'

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

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

score 3 · Accepted Answer

这是一篇关于使用 Google Analytics跟踪单页应用程序的精彩文章。

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

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

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

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

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

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

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

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

ga('send', 'pageview');

score 0 · Accepted Answer

如果您使用analytics.js：

ga('set', 'page', '/your-own-path');
ga('set', 'title', 'Your custom title');
ga('send', 'pageview');

如果您使用的是gtag.js：

gtag('config', 'UA-0000000-1', {
   'page_title' : 'Your custom title',
   'page_path': '/your-own-path'
});

如果你使用GTM，你可以使用任何你想要的 dataLayer 键；这是一个例子：

dataLayer.push({
   event: 'pageview',
   page: {
      path: '/your-own-path',
      title: 'Your custom title'
   }
});

2 回答 2