Angulartics2 Basics

Question

Ich habe versucht, das Angulartics2-Lernprogramm in der Readme-Datei des Projekts zu befolgen, aber Router-Ereignisse werden nicht verfolgt.

Zunächst bin ich verwirrt darüber, wo das Skript des Analysis-Providers gelöscht werden soll. Wird das nur in index.html platziert?

In meinem app.module.ts, ich habe:

import { Angulartics2Module, Angulartics2Piwik } from 'angulartics2'; 
@NgModule{[ 
    imports: [ 
     ... 
     Angulartics2Module.forRoot([ Angulartics2Piwik ]), 
     ... 
    ],... 
) 

In meinem app.component.ts, ich habe:

import { Angulartics2Piwik } from 'angulartics2'; 
@Component([ 
    selector: "app", 
    templateUrl: "app.component.html", 
]) 
@Injectable() 
export class AppComponent { 
    constructor(angulartics2Piwik: Angulartics2Piwik) {} 
} 

Und in meinem index.html Ich schließe einfach die von Piwik bereitgestellte Skript.

Die Readme-Datei des Projekts lässt es so aussehen, als ob dies alles ist, um mit der Verfolgung von Routeränderungen zu beginnen. Piwik sieht jedoch nur Seitenaufrufe, keine Router-Änderungen.

Irgendeine Idee, was ich mit Angulartics2 vermissen könnte?

Answer 1

Das obige ist korrekt. In den Piwik Einstellungen muss jedoch das Deep Link Tracking aktiviert sein. Wechseln Sie in der Benutzeroberfläche zu settings -> websites -> settings -> Page URL fragments tracking. Aktivieren Sie dies und speichern Sie. Ihre Piwik + Angulartics Installation sollte funktionieren!