Google AdSense es una de las formas más populares para monetizar un sitio web. Al mostrar anuncios relevantes a los visitantes de tu sitio, puedes generar ingresos a partir de cada clic o impresión. La forma más sencilla de agregar AdSense a WordPress es usando un plugin, pero puede que desees evitar plugins adicionales por razones de rendimiento, simplicidad o seguridad. Este artículo te guiará paso a paso para integrar manualmente el código de AdSense en tu sitio web de WordPress sin necesidad de instalar plugins adicionales.
1. Creación de una cuenta de Google AdSense
Si aún no tienes una cuenta de Google AdSense, el primer paso es crear una. Sigue estos pasos para registrarte:
- Visita Google AdSense
- Haz clic en el botón “Comenzar” y sigue las instrucciones para crear tu cuenta.
- Introduce la URL de tu sitio web y tus datos personales.
- Una vez registrado, Google revisará tu sitio y te notificará cuando esté aprobado para mostrar anuncios.
Cuando tu cuenta sea aprobada, podrás obtener el código de AdSense que integrarás en tu sitio.
2. Obtener el código de anuncio de Google AdSense
Una vez que tu cuenta esté activa y aprobada, deberás crear un bloque de anuncios dentro de tu cuenta de AdSense:
- Accede a tu cuenta de Google AdSense.
- En el menú lateral, selecciona Anuncios y luego haz clic en By ad unit.
- Elige el tipo de anuncio que prefieras (como anuncios de display o automáticos).
- Define las características del anuncio, como el tamaño y el estilo.
- Después de personalizar el bloque de anuncios, haz clic en Guardar y obtener código.
- Copia el código de AdSense generado.
Este código es el que se va a agregar manualmente a tu sitio de WordPress.
3. Agregar el código de AdSense al archivo header.php
Una forma común de agregar el código de AdSense en todas las páginas de tu sitio web es insertarlo en el archivo header.php. Al hacerlo, el código del anuncio se cargará en cada página de tu sitio.
3.1. Pasos para editar el archivo header.php en WordPress
- Inicia sesión en el panel de administración de WordPress.
- En el menú de la izquierda, ve a Apariencia y luego selecciona Editor de temas.
- En la columna derecha, busca el archivo
header.phpy haz clic sobre él para editarlo. - Busca la etiqueta de cierre
</head>. - Pega el código de AdSense justo antes de esa etiqueta.
- Guarda los cambios.
Ejemplo de cómo debería verse tu archivo header.php después de agregar el código:
<head>
<!-- Otros códigos de tu sitio -->
<!-- Código de Google AdSense -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "tu-ID-de-Cliente",
enable_page_level_ads: true
});
</script>
</head>
Esto permitirá que el anuncio aparezca en todas las páginas donde se cargue el header.php.
4. Insertar AdSense directamente en el contenido
Si prefieres mostrar anuncios solo en áreas específicas dentro del contenido de tus entradas o páginas, puedes insertar manualmente el código de AdSense dentro del cuerpo de tus publicaciones o páginas. Aquí te explico cómo hacerlo.
4.1. Agregar código de AdSense en publicaciones individuales
- Ve a la página o entrada donde quieres agregar el anuncio.
- Cambia el editor a Editor de Código (si estás utilizando el editor de bloques de WordPress).
- Pega el código de AdSense en la ubicación donde deseas que aparezca el anuncio.
- Guarda o actualiza la página o entrada.
Ejemplo:
Si quieres que el anuncio aparezca en medio de un párrafo o después del primer bloque de texto en tu entrada, simplemente coloca el código en esa ubicación exacta dentro del contenido HTML.
<p>Este es el primer párrafo de tu publicación.</p>
<!-- Código de AdSense -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="tu-ID-de-Cliente"
data-ad-slot="tu-ID-de-Anuncio"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p>Este es el segundo párrafo de tu publicación.</p>
Este método te da control total sobre la ubicación de los anuncios dentro del contenido de tu sitio.
5. Insertar AdSense en el Sidebar o Footer con Widgets
WordPress permite agregar código en áreas específicas como el sidebar (barra lateral) o el footer (pie de página) utilizando widgets. Este método es ideal si deseas mostrar anuncios de AdSense en estas áreas sin tener que modificar los archivos del tema.
5.1. Pasos para agregar AdSense con widgets:
- En el panel de administración de WordPress, ve a Apariencia y selecciona Widgets.
- Localiza la sección del Sidebar o Footer donde deseas que aparezca el anuncio.
- Agrega un nuevo widget HTML personalizado en esa sección.
- Dentro del campo del widget, pega el código de AdSense.
- Guarda el widget.
Ejemplo de código en el widget:
<ins class="adsbygoogle"
style="display:block"
data-ad-client="tu-ID-de-Cliente"
data-ad-slot="tu-ID-de-Anuncio"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Este método es simple y rápido para mostrar anuncios de AdSense en áreas específicas del sitio, como en las barras laterales o en el pie de página.
6. Uso de código en funciones de WordPress (functions.php)
Para una personalización avanzada o si quieres evitar tocar directamente el código de tus plantillas, puedes usar el archivo functions.php de tu tema para agregar anuncios en ubicaciones específicas de tu sitio, como antes o después del contenido de las entradas.
6.1. Pasos para modificar functions.php
- En el panel de administración de WordPress, ve a Apariencia y selecciona Editor de temas.
- En la columna de la derecha, busca el archivo
functions.php. - Pega el siguiente código dentro del archivo para que el anuncio aparezca automáticamente al final de cada publicación:
function agregar_adsense_al_final($content) {
if (is_single()) {
$adsense_code = '<!-- Código de AdSense -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="tu-ID-de-Cliente"
data-ad-slot="tu-ID-de-Anuncio"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>';
return $content . $adsense_code;
}
return $content;
}
add_filter('the_content', 'agregar_adsense_al_final');
Este código agrega automáticamente el anuncio al final de cada publicación en tu sitio. Si deseas cambiar la ubicación del anuncio, simplemente ajusta el código para que aparezca antes o en otra parte del contenido.
7. Consideraciones de rendimiento y mejores prácticas
Es importante tener en cuenta algunos aspectos clave para garantizar que la implementación manual de Google AdSense no afecte negativamente la experiencia del usuario o el rendimiento del sitio:
- Optimización de anuncios: Asegúrate de no saturar tu sitio con demasiados anuncios, ya que esto puede ralentizar la velocidad de carga y perjudicar la experiencia del usuario.
- Posicionamiento adecuado: Ubica los anuncios en lugares donde los usuarios tiendan a hacer clic, pero sin que sea intrusivo o moleste al navegar.
- Cumplimiento de las políticas de AdSense: Google AdSense tiene políticas estrictas en cuanto a la colocación de anuncios. Asegúrate de cumplir con todas las normas para evitar la suspensión de tu cuenta.
Agregar el código de Google AdSense a tu sitio de WordPress sin un plugin es un proceso sencillo si sigues los pasos correctos. Desde la edición del archivo header.php hasta la utilización de widgets o el archivo functions.php, tienes múltiples formas de mostrar anuncios en tu sitio sin comprometer el rendimiento. Evitar el uso de plugins también te permite mantener tu sitio ligero, optimizado y más controlado en cuanto a rendimiento.
