Motomo analytics

src/app/app.component.ts

@@ -1,5 +1,6 @@
 import {Component} from '@angular/core';
 import {RouterOutlet} from '@angular/router';
+import {MatomoInjector} from 'ngx-matomo';
 import {animate, query, style, transition, trigger} from '@angular/animations';
 
 export const routerTransition = trigger('routerTransition', [
@@ -45,6 +46,9 @@ export const routerTransition = trigger('routerTransition', [
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
+    constructor(private matomoInjector: MatomoInjector) {
+        this.matomoInjector.init('https://cameroncordes.me/piwik', 1);
+    }
 
   getState(outlet: RouterOutlet) {
     return outlet.activatedRouteData.state;

src/app/app.module.ts

@@ -11,6 +11,7 @@ import {HomeComponent} from './home/home.component';
 import {ProjectsComponent} from './projects/projects.component';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import {ProjectKeywordPipe} from './project-keyword.pipe';
+import {MatomoModule} from 'ngx-matomo';
 
 const appRoutes: Routes = [
   {path: 'resume', component: ResumeComponent, data: {state: 'resume'}},
@@ -37,6 +38,7 @@ const appRoutes: Routes = [
     MatToolbarModule,
     MatSidenavModule,
     RouterModule,
+    MatomoModule,
   ],
   providers: [],
   bootstrap: [AppComponent]