想要在SPA上捕获片段URL

Question

我希望能够在单个页面应用程序SPA上捕获完整的URL，其中包括井号。我的GA跟踪代码如下。它会捕获完整的URL，包括首页的#index，但是例如，当我单击About按钮时，发送到GA的URL不会改变。该网址现在应以#about结尾。跟踪代码如下。如何解决此问题，以便当他们单击其他按钮时URL会更改。

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-XX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
 
  gtag('config', 'UA-XXXXXXX-XX', {'page_path': location.pathname + location.hash});
</script>

Answer 1

您需要在路由中添加以下内容：

gtag('event', 'page_view',{'page_path': location.pathname + location.hash});