javascript - 使谷歌分析跟踪单页应用程序的哈希 URL

Question

这是我最初的问题:Enable google analytics for single page site with # views

我接受了这个答案:https://stackoverflow.com/a/18626897/765498

但是，我发现，这个答案只是发送点击事件。我想要实现的是，让谷歌分析记录不同的哈希 url。

我读了这篇文章:tracking hash urls ，但不知道如何做到这一点。我试过这个代码，似乎不起作用。我想要实现的是让不同的页面显示为“事件页面”。例如，/register.html#/p1 和/register.html#/p2 和/register.html#/p3 和/register.html#/p4

  <script stype="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXXX-1']);
  _gaq.push(['_trackPageview', "/" + window.location.hash]);
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXXXX-1', 'xxxxxxxx.com');
  ga('set','page','/register.html')
  ga('send', 'pageview');


</script>   

Answer 1

您必须监听哈希变化。

$(window).on('hashchange', function() {
    _gaq.push(['_trackPageview', "/" + window.location.hash]);
});