Tracking Google Analytics Page Views with AngularJS

by

If you’re using ng-view in your Angular app you can listen for the $viewContentLoaded event and push a tracking event to Google Analytics.

Assuming you’ve set up your tracking code in your main index.html file with a name of var _gaq and MyCtrl is what you’ve defined in the ng-controller directive.

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

UPDATE:
for new version of google-analytics use this one

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

More Related Contents:

  1. Can you test google analytics on a localhost address?
  2. How to access object property with invalid characters
  3. Should I put the Google Analytics JS in the or at the end of ?
  4. How to set up Google Analytics for React-Router?
  5. PageSpeed Insights 99/100 because of Google Analytics – How can I cache GA?
  6. Schedule query in BigQuery
  7. Google Analytics GIF request not sent
  8. What is the client ID when sending tracking data to google analytics via the measurement protocol?
  9. Google Analytics API: “User does not have sufficient permissions for this account.”
  10. difference between ionic and android sdk
  11. AngularJS Multiple ng-app within a page
  12. How do I bind to list of checkbox values with AngularJS?
  13. How to use a keypress event in AngularJS?
  14. AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https
  15. Recursion in Angular directives
  16. How not to change url when show 404 error page with ui-router
  17. Angular 2: Callback when ngFor has finished
  18. if a ngSrc path resolves to a 404, is there a way to fallback to a default?
  19. How to pass data between sibling components without using $scope?
  20. Update scope value when service data is changed
  21. Enable angular-ui tooltip on custom events
  22. How to simulate a drag and drop action in protractor?
  23. How do I store a current user context in AngularJS?
  24. $http.get(…).success is not a function
  25. How do I handle right-click events in angular.js?
  26. WARNING: Tried to load angular more than once. Angular JS
  27. AngularJS $watch vs $watchCollection: which is better for performance?
  28. Tell screen reader that page has changed in Backbone/Angular single-page app
  29. how to fix 404 warnings for images during karma unit testing
  30. How do I pass multiple attributes into an Angular.js attribute directive?

Leave a Comment