Build Reactive Websites with RxJS

Adding in Analytics

Let’s hook up some analytics trackers to Angular’s router. Instead of listening in on individual routes, this service needs to know about every route change. Generate a new service and attach it to the routing module with ng g service analytics.

Make sure you’re on the latest version of the Angular CLI. Older versions will fail, with “Error: Specified module does not exist.”

Open the fresh analytics.service.ts and modify it to add in some structure for recording routing changes:

ng2/rx-photos/src/app/analytics.service.ts

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export ...