Nuevo bloque Responsive para páginas adaptables

Las batallas por los sitios diseñados para todos los dispositivos móviles es dura y va ganando los diseños adaptables o como más se les conoce: "Responsive", en un artículo anterior publicamos un truco autorizado por Adsense para configurar los bloques de anuncios para diseños adaptables a las pantallas.

Como se sabe los diseños responsive carga en una sola página varias versiones de módulos que se pueden visualizar correctamente en cualquier dispositivo no importa si es una PC, laptop, netbook, tablets (iPad o Android) y celulares inteligentes (Smartphone como iPhone y Android).



Debido a la gran demanda ahora Google adsense tiene en beta un único bloque que funciona para anuncios de los siguientes tamaños:

• Bloque de 320px por 50px para pantallas menores a 500px
• Bloque de  468px por 60px para pantallas superiores a 500px
• Bloque de  728px por 90px para pantallas superiores a 800px

Los códigos se pueden encontrar al crear un nuevo bloque de anuncios, existe la posibilidad de elegir entre los tags normales y los nuevos asíncronos, que supuestamente son más rápidos.

Por ejemplo el nuevo código recomendado (asíncrono) tiene la siguiente forma:

    <style>
    .bloque-responsive { width: 320px; height: 50px;}
    @media(min-width: 500px) { .bloque-responsive { width: 468px; height: 60px; } }
    @media(min-width: 800px) { .bloque-responsive { width: 728px; height: 90px; } }
    </style>
    <script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- Nombre de Bloque Responsive -->
    <ins class="adsbygoogle bloque-responsive"
         style="display:inline-block"
         data-ad-client="ca-pub-1234567890"
         data-ad-slot="987654321"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>


Para los blogueros que usan blogger.com no es necesario agregar esto. Pero si para los usuarios de blogger.com con plantillas personalizadas.

Los blogueros de Wordpress u otras plataformas también deben agregar manualmente estos tags a sus plantillas. De la misma forma para los foros.