refactor: simplify analytics implementation and remove redundant code

María Paz Arrieta Landazuri · María Paz Arrieta Landazuri · commit 4b44fba9afea · 2025-05-25T13:49:01.000-04:00
diff --git a/frontend/src/app/components/GoogleAnalytics.tsx b/frontend/src/app/components/GoogleAnalytics.tsx
@@ -1,33 +1,25 @@
 import Script from 'next/script';
 
-declare global {
-  interface Window {
-    gtag: (...args: any[]) => void;
-  }
-}
-
-const GoogleAnalytics = () => {
-  return (
-    <>
-      <Script
-        strategy="afterInteractive"
-        src="https://www.googletagmanager.com/gtag/js?id=G-G1T9SRFV67"
-        async
-      />
-      <Script
-        id="google-analytics"
-        strategy="afterInteractive"
-        dangerouslySetInnerHTML={{
-          __html: `
-            window.dataLayer = window.dataLayer || [];
-            function gtag(){dataLayer.push(arguments);}
-            gtag('js', new Date());
-            gtag('config', 'G-G1T9SRFV67');
-          `,
-        }}
-      />
-    </>
-  );
-};
+const GoogleAnalytics = () => (
+  <>
+    <Script
+      strategy="afterInteractive"
+      src="https://www.googletagmanager.com/gtag/js?id=G-G1T9SRFV67"
+      async
+    />
+    <Script
+      id="google-analytics"
+      strategy="afterInteractive"
+      dangerouslySetInnerHTML={{
+        __html: `
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+          gtag('config', 'G-G1T9SRFV67');
+        `,
+      }}
+    />
+  </>
+);
 
 export default GoogleAnalytics; 
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
@@ -1,10 +1,9 @@
 import type { Metadata } from "next";
 import { Inter, Roboto } from "next/font/google";
 import "./globals.css";
-import Header from "@/components/Header";
+import Header from "./components/header/Header";
 import Footer from "@/components/Footer";
 import GoogleAnalytics from "./components/GoogleAnalytics";
-import GoogleTagManager from "./components/GoogleTagManager";
 
 const inter = Inter({
   variable: "--font-inter",
@@ -29,12 +28,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="es">
-      <head>
-        <GoogleTagManager gtmId="GTM-XXXXXXX" />
-      </head>
-      <body
-        className={`${inter.variable} ${roboto.variable} antialiased`}
-      >
+      <body className={`${inter.variable} ${roboto.variable} antialiased`}>
         <GoogleAnalytics />
         <Header />
         {children}
diff --git a/frontend/src/app/utils/analytics.ts b/frontend/src/app/utils/analytics.ts
@@ -1,7 +1,13 @@
+declare global {
+  interface Window {
+    gtag: (...args: any[]) => void;
+  }
+}
+
 // Track page views
 export const pageview = (url: string) => {
   if (typeof window.gtag !== 'undefined') {
-    window.gtag('config', process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID as string, {
+    window.gtag('config', 'G-G1T9SRFV67', {
       page_path: url,
     });
   }
