Motomo analytics

This commit is contained in:
Cameron Cordes
2019-02-23 02:14:13 +00:00
parent b6c7dd5196
commit c7d6a210cf
5 changed files with 389 additions and 362 deletions

729
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -24,6 +24,7 @@
"@angular/router": "^7.2.4", "@angular/router": "^7.2.4",
"core-js": "^2.5.4", "core-js": "^2.5.4",
"json-schema-traverse": "^0.4.1", "json-schema-traverse": "^0.4.1",
"ngx-matomo": "^0.1.2",
"rxjs": "~6.4.0", "rxjs": "~6.4.0",
"tslib": "^1.9.0", "tslib": "^1.9.0",
"web-animations-js": "^2.3.1", "web-animations-js": "^2.3.1",

View File

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

View File

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

View File

@@ -29,6 +29,21 @@
//]]> //]]>
</script> </script>
<!-- End Open Web Analytics Code --> <!-- End Open Web Analytics Code -->
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//cameroncordes.me/piwik/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head> </head>
<body> <body>
<app-root></app-root> <app-root></app-root>