No hay que matarse mucho. Hay que seguir lo que nos dice el propio Adsense. Estuve buscando esto por días y solo lo consegui luego de que alguien lo nombró por aqui. Veamos:
En este ejemplo se explica cómo modificar el código adaptable para establecer tamaños de bloque de anuncios específicos para las tres categorías de anchura de pantalla: dispositivo móvil, tablet y equipo de escritorio. Para seguir este ejemplo no necesita experiencia previa en consultas sobre medios de CSS o modificación del código de anuncios de AdSense.
A continuación se incluye el código de anuncio adaptable que define los siguientes tamaños exactos del bloque de anuncios según la anchura de la pantalla:
Para pantallas con una anchura inferior a 500 píxeles: un bloque de anuncios de 320 x 100.
Para pantallas con una anchura de 500 píxeles a 799 píxeles: un bloque de anuncios de 468 x 60.
Para pantallas con una anchura de 800 píxeles o superior: un bloque de anuncios de 728 x 90.
<style>
.example_responsive_1 { width: 320px; height: 100px; } [MENTION=16931]medi[/MENTION]a(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } } [MENTION=16931]medi[/MENTION]a(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXX11XXX9"
data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Para adaptar este código de ejemplo a su propio sitio web:
Cree un bloque de anuncios adaptable en su cuenta de AdSense y anote esta información de su código de anuncio adaptable:
Su ID de editor, por ejemplo, ca-pub-1234567891234567
El ID del bloque de anuncios (data-ad-slot), por ejemplo 1234567890.
En el código de ejemplo:
Sustituya todas las instancias de example_responsive_1 por un nombre único, p. ej. Pagina_principal, pagina_frontal_123, etc.
Notas:
Su nombre único debe contener solo letras del alfabeto inglés (A-Z), números y guiones bajos. Además, el primer carácter debe ser una letra del alfabeto inglés.
Debe utilizar un nombre único diferente cada vez que adapte este código de ejemplo.
Sustituya ca-pub-XXXXXXX11XXX9 por su propio ID de editor.
Sustituya 8XXXXX1 por el ID del bloque de anuncios.
Decida el tamaño que quiere que ocupe el bloque de anuncios en cada anchura de pantalla:
Si le parecen bien los tamaños de los bloques de anuncios del código de ejemplo, no tendrá que cambiar nada más.
Si quiere definir tamaños de bloque de anuncios distintos para cada anchura de pantalla, realice estas modificaciones en el código de ejemplo:
Sustituya 320px y 100px por la anchura y la altura del bloque de anuncios que quiera usar con anchuras de pantalla de hasta 500 píxeles.
Sustituya 468px y 60px por la anchura y la altura del bloque de anuncios que quiera usar con anchuras de pantalla desde 500 píxeles hasta 799 píxeles.
Sustituya 728px y 90px por la anchura y la altura del bloque de anuncios que quiera usar con anchuras de pantalla de 800 píxeles o mayores.
Copie y pegue el código de anuncio modificado en el código fuente HTML de la página en la que quiere que aparezcan los anuncios.
Una vez que haya incluido el código de anuncio, le recomendamos que pruebe los anuncios en diferentes dispositivos y pantallas para asegurarse de que se adapten correctamente a ellos.
fuente GOOGLE ADSENSE
https://support.google.com/adsense/answer/6307124#hide
