kissmetrics.ts

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

import { Angulartics2 } from '../../angulartics2-core';

declare var _kmq: any;

@Injectable({ providedIn: 'root' })
export class Angulartics2Kissmetrics {
  constructor(private angulartics2: Angulartics2) {
    if (typeof _kmq === 'undefined') {
      _kmq = [];
    }
    this.angulartics2.setUsername.subscribe((x: string) => this.setUsername(x));
    this.angulartics2.setUserProperties.subscribe(x => this.setUserProperties(x));
  }

  startTracking(): void {
    this.angulartics2.pageTrack
      .pipe(this.angulartics2.filterDeveloperMode())
      .subscribe(x => this.pageTrack(x.path));
    this.angulartics2.eventTrack
      .pipe(this.angulartics2.filterDeveloperMode())
      .subscribe(x => this.eventTrack(x.action, x.properties));
  }

  pageTrack(path: string) {
    _kmq.push(['record', 'Pageview', { Page: path }]);
  }

  eventTrack(action: string, properties: any) {
    _kmq.push(['record', action, properties]);
  }

  setUsername(userId: string) {
    _kmq.push(['identify', userId]);
  }

  setUserProperties(properties: any) {
    _kmq.push(['set', properties]);
  }
}