[draft] Track page load

[buren]

⚠️ Not at all ready for merge!

I'd like to be able send each page view to the API, so we can track users path through the system (especially useful for checking how users behave before they apply for a job).

The API uses a plugin for backend events called ahoy and there is a simple client side JavaScript implementation ahoy.js.
Perhaps the simplest would be to include ahoy.js and then fire most of the events manually, rather than relying on its default behaviour (which wont work, since we have a SPA).

[buren]

Is this really the best place to put this code @bex1 any other ideas or is this OK?

[bex1]

I think that the code should be placed in the navigation.service.ts instead.

You can use the router.events subscription in the initService method.

this.router.events.subscribe(event => {
      if (event instanceof NavigationStart) {
        console.log('Starting navigation to ' + event.url)
      }

      if (event instanceof NavigationEnd) {
        this.currentUrl = this.router.url;
        if (isPlatformBrowser(this.platformId)) {
          window.scrollTo(0, 0);
        }
        console.log('Navigation ended at ' + this.currentUrl);
      }

      if (event instanceof NavigationCancel) {
        console.log('NavigationCancel');
      }

      if (event instanceof NavigationError) {
        console.log('NavigationError', event);
      }

      if (event instanceof RoutesRecognized) {
        console.log('RoutesRecognized');
      }
    });

[buren]

OK, thanks 👍