add adsense script

jedabero · jedabero · commit 3dd8f005f05c · 2025-12-04T00:10:32.000-05:00
diff --git a/NEXT_STEPS.md b/NEXT_STEPS.md
@@ -17,6 +17,10 @@ Mantén este archivo actualizado al final de cada sesión. Úsalo como checklist
 - Revisar fondo actual (blobs + grid) y ajustar opacidad/densidad si es necesario.
 - Verificar imagen `public/me.png` en About: tamaño, blur y ring en dispositivos móviles.
 
+## Monetización
+
+- Validar que el script de AdSense cargue correctamente en `app/layout.tsx` tras `next export` y que no genere CLS ni bloqueos de render en la build estática.
+
 ## Deploy
 
 - Confirmar que `pages.yml` despliega correctamente a `gh-pages` raíz (CNAME `jedabero.me` en `public/`).
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from 'next';
 import { Space_Grotesk, Manrope } from 'next/font/google';
+import Script from 'next/script';
 import './globals.css';
 
 const display = Space_Grotesk({
@@ -26,6 +27,11 @@ export default function RootLayout({
   return (
     <html lang="es">
       <body className={`${display.variable} ${body.variable} font-body bg-page-gradient bg-base-bg text-base-text`}>
+        <Script
+          src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3740467952996532"
+          strategy="afterInteractive" // carga solo después de que la app está lista para evitar bloquear el render inicial
+          crossOrigin="anonymous"
+        />
         {children}
       </body>
     </html>
