feat: add google analytics

src/App.vue

@@ -91,6 +91,7 @@ import {
   NOT_COMPATIBLE_AGENTS,
   TRIGGER_PROBABILITY,
 } from '@/utils/constant'
+import { recordClick } from '@/utils/ga'
 
 import Confetti from './components/Confetti.vue'
 
@@ -175,6 +176,10 @@ function handleAction(actionType: ActionType) {
 
     case ActionType.Code:
       codeVisible.value = !codeVisible.value
+      recordClick({
+        event_category: 'code',
+        event_label: 'view code',
+      })
       break
   }
 }

src/env.d.ts

@@ -6,3 +6,8 @@ declare module '*.vue' {
   const component: DefineComponent<{}, {}, any>
   export default component
 }
+
+interface Window {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  gtag: any
+}

src/utils/ga.ts

@@ -0,0 +1,7 @@
+export function recordClick(params: {
+  event_category: string
+  event_label?: string
+  value?: number
+}) {
+  window?.gtag('event', 'Click', params)
+}