Consejos para anuncios responsive de Adsense

domox dijo:

Para asuntos de estética y diseño anda todo bien. Pero adsense comenzará a decirte que tienes que optimizar los bloques luego de un tiempo usándolo.

Yo lo use por un buen tiempo y los ingresos se mantuvieron prácticamente igual ya que tu eliges que tamaño va a parecerle al usuario final ya sea en tu versión móvil o desktop.

Por ejemplo:

Insertar CODE, HTML o PHP:

<style>
.responsivead { width: 320px; height: 50px; } [MENTION=16931]medi[/MENTION]a(min-width: 500px) { .responsivead { width: 468px; height: 60px; } } [MENTION=16931]medi[/MENTION]a(min-width: 800px) { .responsivead { width: 728px; height: 90px; } }
</style>
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ResponsiveAd -->
<ins class="adsbygoogle responsivead"
     style="display:inline-block"
     data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Puedes ver que tiene una hoja de estilo la cual tiene una clase asociada al código que te dan para el anuncio. Esta clase es realmente la que controla todo. La clase detecta el tamaño de la pantalla y mediante esto crea un anuncio de acuerdo al tamaño que le tienes puesto.

En el ejemplo de arriba por defecto aparecerá un bloque 320x50 para pantallas mayores que 800px o sea si estas viendo tu sitio con tu pc. Cuando el sitio web sea visto por una tableta por ejemplo y su pantalla sea de 500px se mostrará el anuncio de 468x60 y si el dispositivo que se está accediendo es de 800px de pantalla se mostrará el anuncio de 728x90.

Todo es controlado por la clase que te dan. Pero debes elegir tamaños de bloques que existan en adsense para que te funcione correctamente.

Hacer clic para expandir...