Introducción
Si ya tienes un blog en Laravel y estás generando tráfico, el siguiente paso natural es monetizar tus publicaciones con Google Ads.
Integrar anuncios en tus vistas te permitirá generar ingresos pasivos por cada clic o impresión, pero también implica cumplir las políticas de Google AdSense y optimizar la experiencia del usuario.
En esta guía veremos cómo hacerlo de forma segura, optimizada y sin afectar tu SEO o el rendimiento del sitio.
Paso 1. Crear una cuenta en Google AdSense
Ingresa a 👉 https://www.google.com/adsense/start
Haz clic en “Comenzar” y registra tu dominio (por ejemplo
).https://laravelconmanuel.devUsa la misma cuenta de Gmail asociada a tu proyecto.
Google verificará tu sitio agregando un fragmento
o cargando un archivo<meta>
.ads.txtEspera la aprobación (puede tardar 24–72 h).
✅ Tip: asegúrate de que tu blog tenga contenido original, política de privacidad y un “Sobre mí”. Sin eso no te aprobarán.
Paso 2. Verificar dominio en AdSense
Cuando tu sitio esté aprobado, ve a:
Configuración → Sitios → Agregar sitio.
Ahí te mostrará un código como este:
<meta name="google-site-verification" content="abc123xyz456..." />
Colócalo dentro de la sección
<head>resources/views/layouts/app.blade.php<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="google-site-verification" content="abc123xyz456..." /> <title>{{ $title ?? 'Laravel con Manuel' }}</title> @vite(['resources/css/app.css', 'resources/js/app.js']) </head>
Paso 3. Generar código del anuncio
En el panel de AdSense:
Ve a Anuncios → Por bloque de anuncios → Display.
Configura tamaño y tipo (recomendado: “Responsive”).
Copia el código que te da, se ve así:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXX" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-XXXXXXXXXXXXX" data-ad-slot="1234567890" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
Paso 4. Insertar los anuncios en tu Blog Laravel
Crea un componente Blade para mantener tu código limpio.
resources/views/components/google-ads.blade.php
resources/views/components/google-ads.blade.php<div class="my-6 flex justify-center"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-XXXXXXXXXXXXX" data-ad-slot="1234567890" data-ad-format="auto" data-full-width-responsive="true"></ins> </div> @push('scripts') <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXX" crossorigin="anonymous"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> @endpush
Y luego en tus vistas:
<x-google-ads />
O bien en cada publicación:
<article class="prose lg:prose-xl"> {!! $post->content !!} </article> <!-- Anuncio al final del post --> <x-google-ads />
Paso 5. Cargar el script global sólo una vez
Para evitar duplicar el script en cada vista, puedes incluirlo en
layouts/app.blade.php@stack('scripts')
Así el componente lo insertará automáticamente sin romper otros scripts de Livewire.
Paso 6. Cumplir políticas de AdSense
Google puede suspender tu cuenta si no cumples con sus lineamientos. Asegúrate de:
Tener Política de Privacidad visible.
No colocar anuncios en páginas sin contenido.
No incitar al clic (“haz clic aquí para apoyar”).
Evitar más de 3 bloques grandes por página.
Hacer responsive tus anuncios (usa
).data-full-width-responsive="true"
Paso 7. Monitorear rendimiento
Usa el panel de Google AdSense o vincúlalo con Google Analytics 4 para ver:
Ingresos por página
CPM y CTR
Dispositivos que más convierten
Mejores ubicaciones
En Laravel, también puedes agregar eventos GA4 con
gtag()Paso 8. Optimización avanzada
Si tu tráfico crece, considera:
Auto Ads (Google inserta automáticamente anuncios optimizados).
Bloque de anuncios in-feed o in-article para integrarlos entre párrafos.
Anuncios adaptativos con Tailwind, por ejemplo:
<div class="w-full bg-gray-900 rounded-xl p-4 text-center text-white"> <x-google-ads /> </div>
Resultado final
Tu blog Laravel ahora:
Muestra anuncios adaptativos sin romper el diseño.
Carga scripts asincrónicamente.
Cumple con SEO, velocidad y políticas de AdSense.
Puede medir rendimiento e ingresos desde Google Ads/Analytics.
Conclusión
Integrar Google Ads en tu blog Laravel 12 es fácil si sigues buenas prácticas:
estructura limpia con Blade, scripts centralizados, cumplimiento de políticas y optimización de rendimiento.
Con esto conviertes tu contenido en una fuente de ingresos estable, mientras mantienes una experiencia profesional y veloz para tus lectores.
What if laravelconmanuel.dev could get real daily visitors without ads? Want to see how?