add g analyti

María Paz Arrieta Landazuri · María Paz Arrieta Landazuri · commit 6870067d4904 · 2025-05-27T19:37:16.000-04:00
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
@@ -4,6 +4,7 @@ import "./globals.css";
 import Header from "./components/Header";
 import Footer from "./components/Footer";
 import GoogleAnalytics from "./components/GoogleAnalytics";
+import Script from "next/script";
 
 const inter = Inter({
   variable: "--font-inter",
@@ -28,6 +29,14 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="es">
+      <head>
+        <Script
+          async
+          src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${process.env.NEXT_PUBLIC_GOOGLE_ADSENSE_ID}`}
+          crossOrigin="anonymous"
+          strategy="afterInteractive"
+        />
+      </head>
       <body className={`${inter.variable} ${roboto.variable} antialiased`}>
         <GoogleAnalytics />
         <Header />
diff --git a/frontend/src/components/GoogleAd.tsx b/frontend/src/components/GoogleAd.tsx
@@ -0,0 +1,31 @@
+'use client';
+
+import { useEffect } from 'react';
+
+interface GoogleAdProps {
+  adSlot: string;
+  adFormat?: 'auto' | 'fluid' | 'rectangle' | 'vertical';
+  style?: React.CSSProperties;
+}
+
+export default function GoogleAd({ adSlot, adFormat = 'auto', style }: GoogleAdProps) {
+  useEffect(() => {
+    try {
+      // @ts-ignore
+      (window.adsbygoogle = window.adsbygoogle || []).push({});
+    } catch (err) {
+      console.error('Error loading Google Ad:', err);
+    }
+  }, []);
+
+  return (
+    <ins
+      className="adsbygoogle"
+      style={style || { display: 'block' }}
+      data-ad-client={process.env.NEXT_PUBLIC_GOOGLE_ADSENSE_ID}
+      data-ad-slot={adSlot}
+      data-ad-format={adFormat}
+      data-full-width-responsive="true"
+    />
+  );
+} 
