AngularJS with Google Analytics

Question

我想将Google Analytics代码添加到我的AngularJS应用程序中。

我使用Ruby On Rails作为后端框架。 Rails的AngularJS application.html.erb文件仅在第一个请求中加载。

因此，我将google分析代码放入viewcontentLoad事件中。

$rootScope.$on('$viewContentLoaded', function() { 

     (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-XXXX-Y', 'auto'); 
//  ga('send', 'pageview'); 
     ga('send', 'pageview', {'page': $location.path()}); 
}); 

我不知道这是否是插入Google Analytics代码的有效方式。

Answer 1

在Tracking Google Analytics Page Views with Angular.js上的这个答案可能会有帮助。

一个的意见表明，这是一个很好的方式做到这一点：

$rootScope.$on('$routeChangeSuccess', ...)