Sí, se puede integrar Google AdSense en tu aplicación Next.js. Te explico cómo hacerlo:
Primero necesitas crear una cuenta en Google AdSense y registrar tu sitio web. Google te dará un código de publisher (ca-pub-XXXXXXXXXXXXXXXX).
Una vez que tengas tu código de publisher, puedo agregarlo a tu aplicación:
He creado la integración de Google AdSense con dos partes: el script principal en el layout y un componente reutilizable AdBanner que puedes colocar en cualquier página.
Para usarlo necesitas:
ca-pub-XXXXXXXXXXXXXXXX con tu ID de publisher de AdSense (lo encuentras en tu cuenta de AdSense)adSlot para cada unaimport { AdBanner } from "@/components/ad-banner"
// En tu página:
<AdBanner adSlot="1234567890" adFormat="horizontal" />Nota importante: Los anuncios solo se mostrarán en producción (después de hacer deploy) y una vez que Google apruebe tu sitio web.
Para poder mostrar anuncios en su sitio, copie el texto que aparece a continuación, péguelo en cada archivo ads.txt y suba el archivo al directorio "root" de su sitio. Si ya tiene un archivo ads.txt, pegue el texto en cada archivo. Más información sobre cómo crear archivos ads.txt
google.com, pub-2844294589193199, DIRECT, f08c47fec0942fa0
Perfecto, ya está todo configurado correctamente:
public/ads.txt con tu información de publisherca-pub-2844294589193199)Una vez que hagas deploy a Vercel, el archivo ads.txt estará disponible en tudominio.com/ads.txt y Google podrá verificar tu sitio. Los anuncios comenzarán a mostrarse una vez que Google apruebe tu cuenta y sitio web (puede tomar algunos días).
Para agregar anuncios en las páginas, usa el componente así:
import { AdBanner } from "@/components/ad-banner"
// En cualquier página:
<AdBanner adSlot="TU_AD_SLOT" adFormat="horizontal" />El adSlot lo obtienes creando unidades de anuncio en tu panel de AdSense.