refactor: gtag 에러 수정 (#141)

Author: sikkzz

src/main.tsx

@@ -32,12 +32,12 @@ const initializeGA4 = () => {
   script.onload = () => {
     (window as any).dataLayer = (window as any).dataLayer || [];
 
-    function gtag(...args: any[]) {
+    (window as any).gtag = function (...args: any[]) {
       (window as any).dataLayer.push(args);
-    }
-    gtag("js", new Date());
+    };
 
-    gtag("config", ga4Id);
+    (window as any).gtag("js", new Date());
+    (window as any).gtag("config", ga4Id);
   };
 };
 

src/types/global.d.ts

@@ -28,7 +28,7 @@ declare global {
   }
   interface Window {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    gtag: (...args: any[]) => void;
+    gtag: (event: string, action: string, params?: Record<string, any>) => void;
     response?: {
       receiveScanResult: (jsonData: string) => void;
       receiveGeneratedReview: (jsonData: string) => void;

src/utils/gtag.ts

@@ -1,6 +1,10 @@
 export const gTagLogEvent = (eventLabel: string) => {
-  window.gtag("event", "click", {
-    event_category: "button",
-    event_label: eventLabel,
-  });
+  if (typeof window !== "undefined" && typeof window.gtag === "function") {
+    window.gtag("event", "click", {
+      event_category: "button",
+      event_label: eventLabel,
+    });
+  } else {
+    console.warn("Google Analytics is not initialized yet.");
+  }
 };