一尘不染

使用AngularJS跟踪Google Analytics(分析)页面浏览量

angularjs

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


阅读 257

收藏
2020-07-04

共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() });
  });
}
2020-07-04