Merge pull request trungvose#64 from trungk18/phase1-bugs-fixing

Add twitter analytics event

Author: trungvose

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

@@ -8,21 +8,19 @@ export class GoogleAnalyticsService {
   constructor() {
   }
 
-  public eventEmitter(
+  public sendEvent(
     eventName: string,
     eventCategory: string,
-    eventAction: string,
     eventLabel: string = null,
     eventValue: number = null
   ) {
     if (!gtag) {
       return;
     }
     gtag('event', eventName, {
-      eventCategory: eventCategory,
-      eventLabel: eventLabel,
-      eventAction: eventAction,
-      eventValue: eventValue
+      'event_category': eventCategory,
+      'event_label': eventLabel,
+      'value': 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("Share Twitter", "button")
+  }
 }