Angular 2 Analytics via Routing

app.component.ts

  //...
  import  { Router, NavigationEnd } from '@angular/router';
  //...
  
  declare var ga : any;
  
  //..
  
  constructor(private router : Router ) {
    router.events.filter(e => e instanceof NavigationEnd).subscribe( (n:NavigationEnd) => { 
      ga('send', 'pageview', n.urlAfterRedirects);
    });
  }
  
  //..

@StephenFluin - this is very cool. Is this in the Angular 2 Router docs ?

Interesting. It is not. We haven't talked about router events yet.

This would be a cool example.

I had to do a slightly different implementation with an angular-cli project and rxjs 5.0.0-beta.6 (router.events.filter is undefined). I tried with 5.0.0-beta.10 but it breaks other dependencies.

I also don't add the GA script in dev builds, so I added a production check as well.