Archivo de la categoría: Diseño Responsivo

Anuncio AdSense responsivo. Cambiar posición a horizontal, vertical o rectangular.

Para poder hacer que los anuncios integrados con Google AdSense de nuestro sitio sean responsivos (adaptables a dispositivos móviles) debemos regenerar el código del bloque de anuncio desde Google AdSense indicando Bloque de anuncio adaptable en el desplegable Tamaño de anuncio. De igual manera seleccionaremos Tamaño óptimo en el desplegable Modo.

Esto hará que el anuncio se adapte automáticamente a su contenedor independientemente del dispositivo que se utilice para navegar por nuestra página web.

Pero hay un pequeño problema: el anuncio puede tomar forma horizontal, vertical o rectangular de forma automática y puede ocurrir que aunque tengamos un anuncio responsivo, éste nos descuadre nuestra maquetación web. Para evitar este problema podemos forzar la forma de nuestro anuncio editando el código que nos genera Google AdSense:



<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"
data-ad-format="auto"></ins>

El valor auto del atributo personalizado data-ad-format es el que indica a Google que puede usar cualquier forma de anuncio (vertical, horizontal o rectangular). Por tanto, cambiando el valor de este atributo forzaremos a que siempre se utilice la misma forma de anuncio, dependiendo del formato que queramos cambiaremos su valor a:



data-ad-format="horizontal"

data-ad-format="vertical"

data-ad-format="rectangle"