blog_angular-adding-google-analytics-external-script_legacy-format.ts

import { Component, OnInit } from '@angular/core';

declare var ga: any;

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

  ngOnInit() {
  }

  click() {

    ga('send', {
      hitType: 'event',
      eventCategory: 'Button',
      eventAction: 'click',
      eventLabel: 'First Page',
      eventValue: ++this._clickCnt
    });

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