blog_angular-adding-google-analytics-service_first-page.ts

import { Component, OnInit } from '@angular/core';
import { GoogleAnalyticsService } from '../google-analytics.service';

@Component({
  selector: 'app-first-page',
  templateUrl: './first-page.component.html',
  styleUrls: ['./first-page.component.scss']
})
export class FirstPageComponent implements OnInit {
  private _clickCnt = 0;

  constructor(protected $gaService: GoogleAnalyticsService) { }

  ngOnInit() {
  }

  click() {
    this.$gaService.logEvent('click', 'Button', 'First Page', ++this._clickCnt);
    console.log(`Button clicked ${this._clickCnt} times.`);
    console.log('Click for "First Page" sent!');
  }
}