小编典典

使用 AngularJS 跟踪 Google Analytics 页面浏览量

all

我正在使用 AngularJS 作为前端设置一个新应用程序。客户端的一切都是通过 HTML5 pushstate 完成的,我希望能够在 Google
Analytics 中跟踪我的页面浏览量。


阅读 56

收藏
2022-06-11

共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()]);
  });
}

更新: 对于新版本的谷歌分析使用这个

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