Configurar correctamente Adsense en móviles

Adsense es una de esas cosas que todos los blogueros soñamos con tener en nuestros blogs pues nos permite mostrar anuncios publicitarios con los cuales ganaremos algo de dinero. Pero lo que muchas personas no tienen en cuenta es que Adsense si no es configurado desde la vista en los teléfonos móviles puede ser causal de penalización y perdida de tus ingresos y cuenta.

Para evitar esto es recomendable ocultar los anuncios cuando el usuario acceda de un teléfono con una resolución de pantalla muy baja, por ejemplo una de 400 px.

Para mostrar adsense solo en resoluciones superiores a las 400 px, debes pegar el siguiente código en el editor HTML de Blogger, donde quieras que el anuncio se muestre:

<script type=»text/javascript»>
    var width = window.innerWidth || document.documentElement.clientWidth;
    if (width >= 400) {
       google_ad_client = «ACA_ID_ADSENSE«;
       google_ad_slot = «ID_SLOT»;
       google_ad_width = 728;
       google_ad_height = 90;
    }
</script>
<script type=»text/javascript» src=»http://pagead2.googlesyndication.com/pagead/show_ads.js»> </script>

En ACA_ID_ADSENSE debes reemplazarlo por la ID de tu cuenta de Adsense. Con este código se mostrará un banner de 728×90.

Ahora si quieres mostrar diversos tamaños de banners, el código que debe ser agregado es el siguiente:

<script type=»text/javascript»>
    var width = window.innerWidth || document.documentElement.clientWidth;
    google_ad_client = «ACA_ID_ADSENSE«;
    if (width >= 800) {
       google_ad_slot = «AD_SLOT»;
       google_ad_width = 728;
       google_ad_height = 90;
    } else if ((width < 800) && (width < 400)) {
      google_ad_slot = «AD_SLOT»;
      google_ad_width = 300;
      google_ad_height = 250;
    } else {
      google_ad_slot = «AD_SLOT»;
      google_ad_width = 468;
      google_ad_height = 60;
    }
</script>
<script type=»text/javascript» src=»http://pagead2.googlesyndication.com/pagead/show_ads.js»> </script>

Acá mostramos un 728×90 si la pantalla es mayor a 800px, uno de 300×250 si la pantalla es menor a 800 y mayor que 400, y uno de 468×60 si no coincide con estos tamaños especificados.

Espero que este truco sea de utilidad y te ayude a optimizar tus ganancias de Adsense.

Vía/Cicklow