Ember + Google Analytics - wire into all route changes and user actions to log to google analytics

analytics.js

/* 
this code assumes you've already included the standard google analytics script in your page somehwere.
it should look something like this...

    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', '<your-ga-code-here>', 'none');
      ga('send', 'pageview');

    </script>
*/

import Ember from 'ember';

// reopen Router to track all route changes
Ember.Router.reopen({
    notifyGoogleAnalytics: function() {
        return ga('send', 'pageview', {
            'page': this.get('url'),
            'title': this.get('url')
        });
    }.on('didTransition')
});

// reopen ActionHandler to track all user actions
Ember.ActionHandler.reopen({
    send: function(actionName) {
        ga('send', 'event', 'user action', actionName);

        this._super.apply(this, arguments);
    }
});