diff --git a/index.html b/index.html
index 31b73fb8f5ac0a2dd709ea0665516847208c70dc..6ec76db73fd461e58cf919133604014c7f2554b1 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,24 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="A pure front-end avatar generator" />
+    <meta name="description" content="A pure front-end avatar generator." />
     <title>Vue Color Avatar</title>
 
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-B4C9FN5DFR"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-B4C9FN5DFR')
+    </script>
+
     <style>
       body {
         margin: 0;
diff --git a/src/App.vue b/src/App.vue
index 8116f0640d2cbd53323384659d95495b40b909c3..f44961ae46d9f3e9730f1b79957ae9d8c7f72d75 100644
--- a/src/App.vue
+++ b/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
   }
 }
diff --git a/src/env.d.ts b/src/env.d.ts
index aafef9509dd5c4364df3b0e29457a63e0c87011b..59af2f2519fe2a05642873e9cd365c842dc4de18 100644
--- a/src/env.d.ts
+++ b/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
+}
diff --git a/src/utils/ga.ts b/src/utils/ga.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6ad406af8aa45d4fdd0a78246fc8d01e087fce57
--- /dev/null
+++ b/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)
+}