使用AngularJS跟踪Google Analytics（分析）页面浏览量

Question

我正在使用AngularJS作为前端设置一个新应用。客户端上的所有操作都是通过HTML5 pushstate完成的，我希望能够在Google
Analytics（分析）中跟踪页面浏览量。

Answer 1

如果您ng-view在Angular应用中使用，则可以监听$viewContentLoaded事件并将跟踪事件推送到Google
Analytics（分析）。

假设您已经在主index.html文件中设置了名称为的跟踪代码，var _gaq并且MyCtrl是您在ng-controller指令中定义的内容。

function MyCtrl($scope, $location, $window) {
  $scope.$on('$viewContentLoaded', function(event) {
    $window._gaq.push(['_trackPageView', $location.url()]);
  });
}

更新： 对于新版本的Google Analytics（分析），请使用此版本

function MyCtrl($scope, $location, $window) {
  $scope.$on('$viewContentLoaded', function(event) {
    $window.ga('send', 'pageview', { page: $location.url() });
  });
}