Utiliza anuncios responsive de Google Adsense

Google AdSense es el mejor sistema publicitario con el cual un webmaster puede ganar dinero con sus sitios web siempre y cuando estos cumplan con las políticas de calidad que exige Google para mostrar sus anuncios, esta empresa a lo largo del tiempo ha ofrecido diferentes tamaños de anuncios desde los formatos más grandes que aumentan los clic ya que son muy sobresalientes hasta los formatos más pequeños que son recomendados para dispositivos móviles, sin embargo con el constante avance de la tecnología los tamaños de las laptops, tablets, smartphones y computadoras de escritorio, han hecho que las resoluciones varíen mucho con respecto al tamaño de la pantalla donde se muestren los contenidos y por tal motivo se han implementado desde hace ya unos años los anuncios responsive, en los cuales se deja a AdSense decidir cuál es el formato de anuncios más óptimo según la resolución y el tamaño de pantalla donde se visualice para que este se adapte perfectamente al panel y no interfiera con el contenido.

Los anuncios responsive de Google AdSense son los más recomendados por la empresa

Independientemente del diseño que posea blog lo mejor que puedes hacer es que todos tus anuncios sean responsive, en el caso de Blogger y WordPress estas dos plataformas cuenta con una vista diferente para escritorio y una visualización diferente para Smartphones, si este es tu caso puedes colocar anuncios de tamaños predefinidos en la plantilla para escritorio y bloques responsive en la plantilla para móviles. En el caso tal de que diseñes tus propios estilos o simplemente decidas mostrar la misma plantilla de escritorio en móviles porque esta tiene un “@media” el cual hace que el diseño sea responsive como ocurre en este blog, entonces todos los anuncios que muestres deberán adaptarse al tamaño de la pantalla ya que todo se mostrara en una misma plantilla y no tendrá vistas separadas.

Elige el tamaño de los bloques de anuncios de Google AdSense que quieres mostrar en un blog

AdSense no permite que el código de los anuncios sea modificado, sin embargo desde el año 2013 le permite al webmaster que pueda elegir el tamaño de los bloques de anuncios que quiere mostrar según el tamaño de pantalla, en tal caso para que puedas hacerlo previamente debes crear el anuncio adaptable:

<script async=”” src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– nombre_de_tu_anuncio_adaptable –>
<ins class=”adsbygoogle” data-ad-client=”ID de cliente” data-ad-format=”auto” data-ad-slot=”ID de anuncio” style=”display: block;”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Una vez que lo tengas tienes que hacer lo siguiente: en donde dice <ins class=”adsbygoogle” deberás agregar adslot_1 y el anuncio te quedará de esta forma:

<script async=”” src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– nombre_de_tu_anuncio_adaptable –>
<ins class=”adsbygoogle adslot_1″ data-ad-client=”ID de cliente” data-ad-format=”auto” data-ad-slot=”ID de anuncio” style=”display: block;”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Haciendo esto puedes definir el tamaño de los anuncios que quieres mostrar según el tamaño de la pantalla y una vez que lo hagas se debe proceder a implementar los estilos, si estas en Blogger o WordPress tiene que irte al código fuente de la plantilla y buscar el final de la línea donde se añaden los estilos, antes del cierre de la etiqueta del CSS que en el caso de este blog es </style> debes pegar arriba:

.adslot_1 {
width: 728px;
height: 90px;
max-width:728;
max-height:250;
}
@media screen and (max-width: 600px) {
.adslot_1 {
width: 468px;
height: 60px;
}
}
@media screen and (max-width: 450px) {
.adslot_1 {
width: 336px;
height: 280px;
}
}
@media screen and (max-width: 360px) {
.adslot_1 {
width: 320px;
height: 50px;
}
}
@media screen and (max-width: 320px) {
.adslot_1 {
width: 250px;
height: 250px;
}
}
@media screen and (max-width: 234px) {
.adslot_1 {
width: 234px;
height: 60px;
}
}

Con estos estilos puedes definir los tamaños que aparecerán según la pantalla donde se visualice el anuncios, este estilo esta bien diseñado pero solo es un ejemplo, puedes basarte en él y diseñar tu propio CSS de acuerdo al tamaño de los bloques publicitarios que quieres mostrar en base al tamaño de la pantalla, recuerda que estos estilos son para que el tamaño sea el que tú quieras y los bloques no se salgan de proporción. Existen bloques de anuncios muy grandes como el de 970×90, si quieres que este sea el tamaño por defecto para los anuncios solo modifica el “width” y “height” de la parte superior, en la ayuda para webmaster de Google AdSense se especifican los tamaños de anuncios que existen así que visita esa página para que tengas en mente que bloques quieres mostrar según el tamaño de la pantalla.

Ventajas que aportan los anuncios adaptables de AdSense a un blog

Los anuncios adaptables dan muchas ventajas ya que hacen que el diseño del blog sea más amigable con las personas y los bloques publicitarios no se salgan de proporción interfiriendo con el contenido de la página, cosa que es muy fundamental para que una web sea considerada de calidad ya que se le debe dar prioridad a los contenidos de la página más no a la publicidad que tenga; entre las principales ventajas de usar anuncios adaptables se tienen:

1. Los anuncios responsive se adaptan a cualquier tamaño de pantalla.
2. Se puede modificar parte del código para que se muestren los tamaños de bloques que el webmaster quiere.
3. Favorecen el posicionamiento en Google y otros motores de búsqueda ya que se adaptan perfectamente y no interfieren con el contenido de la página.
4. Pueden colocarse dentro de las publicaciones y cambian de tamaño según el tamaño de la pantalla sin súper posicionarse por encima del contenido.
5. Están disponibles los formatos de textos y display.

Los anuncios adaptables suelen ser más atractivos

Los bloques publicitarios adaptables suelen ser más atractivos ya que se aumenta la posibilidad de que los anuncios se relacionen más con el contenido de la página porque se tienen disponibles cientos de anunciantes que pujan por múltiples tamaños, más de los que se tendrían si se seleccionara un tamaño especifico, por ejemplo un bloque de 300×250 puede tener más de un millón de anunciantes que pujan por múltiples temas pero uno adaptable puede tener más de dos millones ya que estos tienen diseñados varios formatos y así Google tiene una variedad más amplia al elegir que anuncio mostrar según la temática del blog, recuerda siempre usar buenos títulos y encabezados ya que al hacer esto los anuncios se podrán relacionar más con el sitio y se puede aumentar las conversiones; la publicidad debe relacionarse más no confundirse con el contenido de la página.

Cuida tu cuenta de Google AdSense

Debes cuidar tu cuenta de Google AdSense, recuerda que por el hecho de que modifiques parte del código para controlar los tamaños de los bloques publicitarios que se mostraran no quiere decir que abusaras y harás cosas indebidas con tu cuenta de AdSense, todo trabajo que se haga con Google debe ser limpio e impecable para cumplir con la directrices y normativas de calidad.