google-analytics - 使用 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() });
  });
}