Archivo de la etiqueta: anuncios

Anuncios Adsense en sitios web Responsive Design

Últimamente recibo mensajes de Herramientas del Webmaster de Google diciendo que mis sitios no són optimizados para dispositivos móviles, y cuando voy a ver qué es lo que falla me aparecen las rutas de los anuncios de Adsense, que son 728×90 en lugar de 300×250. ¿Cómo puedo solucionarlo?

Al principio pensé en cambiar el formato del anuncio directamente, pero entonces en el escritorio no se veía bien ya que quedaba mucho espacio alrededor del anuncio en blanco. Buscando por la red encontré que Google había anunciado hacía un tiempo unos bloques de anuncio adaptables, justamente para los administradores de blogs con diseños responsive.

¿Cómo crear un bloque de anuncios Adaptable de Adsense?

Pulsas sobre el botón Nuevo bloque de anuncios y a continuación se elige en la sección Tamaño del anuncio -> Otro – Adaptable

Cuando pulses Guardar y Obtener Código, en la ventana siguiente tienes que clicar en Modo -> Avanzado (Modificación de código obligatoria).

El código será más o menos el siguiente:

<style>
.nombre-de-bloque { width: 300px; height: 250px; }
@media(min-width: 500px) { .nombre-de-bloque { width: 336px; height: 280px; } }
@media(min-width: 800px) { .nombre-de-bloque { width: 728px; height: 90px; } }
</style>
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– nombre-de-bloque –>
<ins class=”adsbygoogle nombre-de-bloque”
style=”display:inline-block”
data-ad-client=”ca-pub-XXXXXXXXXX”
data-ad-slot=”XXXXXXX”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Dentro de las etiquetas <style></style> está el código que debemos o podemos modificar. En las líneas que empiezan con el indicador @media se puede poner un tamaño de bloque de anuncio según el tamaño mínimo de pantalla que tenga el visitante. Yo, por ejemplo, he puesto que si el tamaño de pantalla de un usuario es de 500px se muestre el anuncio de 336×280 px en lugar de un 468x60px.

Nota: No puedes poner cualquier tamaño, debe ser uno de los tamaños de los anuncios que te proporciona Google Adsense.

Espero que os haya sido de ayuda. Saludos y hasta la próxima!