为Angular1.5 App实施Google Analytics

时间:2016-09-26 20:03:30

标签: javascript angularjs google-analytics google-analytics-api

我想为当前在我的localhost中运行的Angular SPA实施Google分析。我尝试将google跟踪Js代码复制到Angular SPA中的每个视图中。但我不认为它确实有效。

这是实施Google Analytics的正确方法还是最正确的方式?

<div class="background">
    <div class="container">
        <h2 class="page-title">{{'contact-name' | translate}}</h2>
    </div>
</div>
<script>
  (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','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXXXXX-Y', 'auto');
  ga('send', 'pageview');

</script>

1 个答案:

答案 0 :(得分:2)

不要在每个视图中插入脚本,而是将其粘贴到主HTML页面中。 除Google Analytics之外,您可能还需要考虑在SPA中使用AutotrackurlChangeTracker