La evolución del banner como soporte publicitario dinámico
Al principio, los banners eran imágenes estáticas que se colocaban en los sitios web para dirigir el tráfico hacia un producto o servicio. Sin embargo, con la llegada de los sitios web responsivos y el aumento del uso de dispositivos móviles, estos anuncios estáticos dejaron de ser la forma más eficaz de llegar a los consumidores.
La siguiente evolución del banner llegó en forma de anuncios animados e interactivos. Estos anuncios eran más atractivos para los consumidores e impulsaban la acción, pero seguían teniendo un gran defecto: sólo eran visibles durante un breve periodo de tiempo antes de desaparecer.
Esto significaba que el mensaje sólo se veía durante unos segundos antes de que el consumidor dejara de verlo. Para resolver este problema, los anunciantes empezaron a utilizar una nueva tecnología: la publicidad programática.
Los anuncios programáticos son anuncios generados por ordenador que se crean de forma algorítmica, lo que permite a los anunciantes crear anuncios más relevantes para los consumidores.
Estos anuncios están diseñados para ser más atractivos y permanecen a la vista durante más tiempo. Sin embargo, los anuncios programáticos tienen un gran inconveniente: No son tan fáciles de crear como los anuncios estáticos.
Banner HTML5
Banner HTML5
HTML5
HTML5 (HyperText Markup Language) es un lenguaje de marcado de hipertexto utilizado para estructurar y presentar contenidos en la Web. Se desarrolla a través de etiquetas. Con lo que se puede definir como un lenguaje de etiquetas y no un lenguaje de programación como tal.
A través de HTML5, entre otras cosas, se pueden crear banners transparentes que se ajustan a cualquier pantalla o dispositivo. Ya que es muy importante una correcta visualización de los anuncios en banners. Sobre todo para hacer que una campaña de publicidad sea un éxito.
Con la adopción de HTML5 se permite también a las empresas mejorar el trabajo con los navegadores modernos como Chrome, Explorer o Firefox. Que ahora van más rápido que hace unos años.
HTML5 permite además a las empresas crear y administrar aplicaciones con mayor delicadeza y multiplicidad en diferentes plataformas y dispositivos en la misma cantidad de tiempo.
Banner HTML5
Banner HTML5
Banner en HTML5
Desde que HTML5 llegó a la escena publicitaria del diseño de banners, ha habido un gran salto.
El diseño de banners en Flash solía ser el formato de elección para banners. En comparación con las imágenes estáticas o los GIF animados, el diseño de banners en Flash se destacó muy por encima. Permitió que los anuncios se movieran y fueran interactivos. Fue una herramienta formidable y se convirtió en un poderoso medio creativo.
Sin embargo, y gracias al HTML5, ahora tenemos el banner html5, que ha desafiado a los banners realizados en flash. A continuación veremos porque es mejor usar un formato banner HTML5.
Banner HTML5
Banner HTML5
¿Por qué un diseño de banner HTML5 es mejor?
HTML5 permite administrar los banners en cualquier dispositivo. Ahora no es necesario crear varias versiones del mismo anuncio de un banner. Un anuncio banner HTML5 reduce este número y las posibilidades de obtener errores. Con lo que mejorará significativamente el diseño de banners.
Banner HTML5
Banner HTML5
Hay muchos beneficios para crear un banner HTML5:
- Los anuncios basados en HTML son fáciles de acceder y de leer en cualquier dispositivo;
- Textos, vídeos, imágenes y código Javascript se pueden utilizar en un banner como en cualquier página web
- Un diseño de banner HTML5 puede utilizar scripts dinámicos del lado del servidor y acceder a bases de datos si es necesario.
- Un banner HTML5 se puede ajustar a cualquier tamaño de pantalla.
La importancia del diseño responsive en la publicidad
Como ya sabemos, el mercado está evolucionando hacia el móvil, y tenemos que pensar en el uso de anuncios de banners con buena respuesta si queremos asegurarnos de llegar a nuestra audiencia.
El diseño responsive permite redimensionar el banner para adaptarse a cualquier tipo de dispositivo. El banner HTML5 es la nueva forma de crear banners. Los hará encajar y parecer perfectos por todas partes.
Esto significa que los anunciantes deben entender que necesitan crear campañas de banner no sólo para un tipo de pantallas, sino para diferentes tipos, como móviles, portátiles y tabletas. Y por supuesto, con el banner HTML5 este tipo de diseño está cubierto.
En Aulatina Consulting cubrimos las necesidades que tenga para crearle su banner HTML5. Contacte con nosotros para más información.
Vamos a trabajar juntos
Formatos
GIF SET (15 Tamaños)
- 240 x 400 Vertical rectangle
- 320 x 50 Mobile leaderboard
- 468 x 60 Banner
- 728 x 90 Leaderboard
- 250 x 250 Square
- 200 x 200 Small square
- 336 x 280 Large rectangle
- 300 x 250 Inline rectangle
- 120 x 600 Skyscraper
- 160 x 600 Wide skyscraper
- 300 x 600 Half-page
- 970 x 90 Large leaderboard
- 320 x 100 Large mobile banner
- 970 x 250 Billboard
- 300 x 1050 Portrait
HTML5 SET (18 Tamaños)
- 930 x 180 Top banner
- 320 X 50 Mobile leaderboard
- 468 X 60 Banner
- 728 X 90 Leaderboard
- 250 X 250 Square
- 200 X 200 Small square
- 336 X 280 Large rectangle
- 300 X 250 Inline rectangle
- 120 X 600 Skyscraper
- 160 X 600 Wide skyscraper
- 300 X 600 Half-page
- 970 X 90 Large leaderboard
- 320 X 100 Large mobile banner
- 970 X 250 Billboard
- 300 X 1050 Portrait
- 580 x 400 Netboard
- 980 x 120 Panorama
- 250 x 360 Triple widescreen
Los tamaños más efectivos son el rectángulo grande de 336×280, el rectángulo mediano de 300×250, la tabla de clasificación de 728×90, la media página de 300×600, y en el móvil el banner móvil grande de 320×100. y son en HTML5 animado mucho mas efectivos serán.