¿Te gusta esto?... Entonces que no se te olvide compartirlo ;)

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.

Anuncios adaptables de Google Adsense

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 970x90, 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 300x250 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.
Usamos cookies propias y de terceros que recogen datos sobre sus h├íbitos de navegaci├│n. Si contin├║a navegando se considerar├í que acepta su uso. OK M├ís informaci├│n aqu├ş