Implementando los anuncios adaptables de Adsense


En los últimos años, el uso de internet se ha extendido a muchos dispositivos móviles como teléfonos móviles y tablets, desde las cuales los usuarios pueden buscar información y hacer otras cosas en línea, como si estuvieran en una computadora personal.

Es por ello que también el ámbito de la publicidad ha tenido que adaptarse a estos cambios, y esto incluye a Adsense.

Implementando los anuncios adaptables de Adsense

Pues bien, si has tenido la oportunidad de entrar en tu panel de Adsense, específicamente en la pestaña Anuncios, te habrás dado cuenta que a la hora de crear un bloque de anuncios, te encuentras con uno llamado Adaptable, el cual es un anuncio que posee la característica de adaptarse al espacio de la pantalla y está pensado más que todo para aquellos themes o plantillas responsivos.

Para implementar los anuncios adaptables de Adsense, tenemos seguir estos pasos:

1. Creamos el anuncio desde Anuncios > Contenido > Bloques de anuncios > Nuevo bloque de anuncios > Adaptable.

2. Una vez creado el anuncio nos proporciona un código, en el cual tenemos dos opciones:

  • Tamaño Automático (recomendado): Se debe usar cuando queremos que el tamaño de los anuncios se adapte a cualquier pantalla y a cualquier tamaño. Aquí solo basta con copiar el código y pegarlo donde queremos que aparezcan los anuncios.
  • Avanzado (modificación del código obligatoria): Se usa cuando queremos que los anuncios se adapten a ciertos tamaños de pantalla. Y como se menciona debemos modificar el código de la forma abajo descrita. El código que nos proporciona Adsense (en verde los comentarios o explicación de cada línea):

<style>
.nombredetuanuncio { width: 320px; height: 50px; } //Tamaño que quieres que aparezca en pantallas superiores a 800px de ancho.
@media(min-width: 500px) { .nombredetuanuncio { width: 468px; height: 60px; } } //Tamaño que quieres que aparezca en pantallas menores a 500px, por lo general son teléfonos móviles.
@media(min-width: 800px) { .nombredetuanuncio { width: 728px; height: 90px; } } //Tamaño que quieres que aparezca en pantallas menores a 800px, por lo general son tablets.
</style>
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– NOMBREDETUANUNCIO –>
<ins class=”adsbygoogle abajo”
style=”display:inline-block”
data-ad-client=”TUIDADSENSE”
data-ad-slot=”IDANUNCIO”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Cómo personalizarlos anuncios adaptables

En base al código anterior, puedes modificar lo siguiente:

  • min-width: Es el tamaño mínimo de ancho de la pantalla, es en pixeles (px).
  • width: Es el ancho del anuncio en pixeles (px).
  • height: Es el alto del anuncio en pixeles (px).

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.