Add twitter analytics event

Author: trungvose

frontend/src/app/core/services/google-analytics.service.ts

@@ -8,7 +8,7 @@ export class GoogleAnalyticsService {
   constructor() {
   }
 
-  public eventEmitter(
+  public sendEvent(
     eventName: string,
     eventCategory: string,
     eventAction: string,
@@ -20,8 +20,8 @@ export class GoogleAnalyticsService {
     }
     gtag('event', eventName, {
       eventCategory: eventCategory,
-      eventLabel: eventLabel,
       eventAction: eventAction,
+      eventLabel: eventLabel,
       eventValue: eventValue
     });
   }

frontend/src/app/project/pages/board/board.component.html

@@ -4,6 +4,7 @@
         <div class="text-2xl font-medium">Kanban board</div>
         <div class="social-links">
             <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Ftrungk18%2Fjira-clone-angular&text=Awesome%20Jira%20clone%20app%20built%20with%20Angular%209%20and%20Akita&hashtags=angular,akita,typescript"
+               (click)="sendTwitterEventButton()"
                target="_blank"
                rel="noreferrer noopener"
                class="mr-2">

frontend/src/app/project/pages/board/board.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { GoogleAnalyticsService } from '@trungk18/core/services/google-analytics.service';
 
 @Component({
   selector: 'board',
@@ -7,8 +8,12 @@ import { Component, OnInit } from '@angular/core';
 })
 export class BoardComponent implements OnInit {
   breadcrumbs: string[] = ['Projects', 'Angular Jira Clone', 'Kanban Board'];
-  
-  constructor() {}
+
+  constructor(private _googleAnalytics: GoogleAnalyticsService) {}
 
   ngOnInit(): void {}
+
+  sendTwitterEventButton() {
+    this._googleAnalytics.sendEvent("Twitter Button", "button", "click")
+  }
 }