Digital Marketing

Publicidad en HTML5, un reto para todos

29 Nov , 2015  

Desde hace algunos meses (o años) hemos sabido que algún día tendríamos que despedirnos de los banners publicitarios en flash y que tenemos que apoyar e impulsar el desarrollo de publicidad en el estándar HTML5. Para los que hemos trabado con publicidad en smartphones esto no es nada del otro mundo, pero para la gran mayoría no es tan fácil el empezar a trabajar sin flash y en lugar de eso usar HTML5.

En junio de 2015 Google anunció que a partir de septiembre de 2015, el browser Chrome bloqueará banners publicitarios en flash, el motivo de Google es que los banners en flash consumen demasiados recursos del computador y causa la descarga rápida de la batería. Encima del banner es mostrado un botón “play” y si el usuario lo aplasta será mostrada la animación flash del banner.

Después de casi dos meses de vivir con este nuevo reto, he llegado a las siguientes conclusiones:

Falta de experiencia en el medio:
Muchas agencias publicitarias y creativas no entendieron la magnitud de este problema y esperaron hasta última hora para reaccionar y poder producir banners en HTML5. Lo que comúnmente se hizo fue decir a los creativos flash que a partir del 1 de septiembre tienen que trabajar con HTML5. Lastimosamente esto es erróneo, para hacer algo en HTML5 se necesita gráficadores y programadores. Antes todo lo hacía Adobe Flash. HTML5 tiene que ser optimizado y creado para ser compatible en cada browser.

Existe en el mercado la falta de un estándar:
Flash era el estándar! Casi cada computadora tiene instalado el PlugIn de flash y cada gráficador solo tiene que basarse en los estándares que tiene flash, el resultado eran creaciones compatibles con cada browser y de bajo tamaño ya que no se requería cargar bibliotecas externas. Con HTML5 no sucede eso, existen muchas herramientas para trabajar con HTML5 pero cada una de ellas tiene sus propias librerías y estándares. El resultado de esto son banners que sobrepasan el tamaño de las especificaciones y estos banners necesitan muchos segundos hasta ser mostrados.

Muchos de los Ad Servers tampoco estuvo preparado para HTML5:
Este es uno de los problemas más graves, como ejemplo les pongo a Doubleclick, con DFP no es posible subir banners en HTML5 directamente sino es necesario trabajar con redirects o otras herramientas de Google. Lo ideal sería que Doubleclick tenga una opción que permita subir creativos en formato Zip directo desde DFP.

Los valores de viewability de la publicidad se han empeorado: 
La naturaleza del HTML5 hace que los banners sean más grandes en peso y sean cargados más lento que flash. Esto sucede porque se tienen que cargar scripts, imágenes, fuentes y librerías de forma asincrónica. Para que entiendan mejor, un banner en flash solo necesitaba un archivo para ser cargado, HTML5 posee muchos archivos. A todo esto hay que sumar a los archivos que posee la página web. Un browser solo puede cagar un número limitado de archivos simultáneamente.

Compatible con todos los dispositivos:
Una de las ventajas que nos ha traído el HTML5 es que por fin nuestras campañas publicitarias funcionan en tablets. Ya no es necesario usar fallbacks, nuestros HTML5 funcionan perfectamente en nuestros dispositivos móviles, esto es un gran plus para nuestros clientes.

Mis recomendaciones:

  • Utilizar HTML5 solamente cuando es necesario o cuando el cliente solo desea eso. A veces no son un montón de animaciones y efectos responsables por causar la atención. Un banner con buena resolución en JPG se ve muy bien, es rápido y liviano. Les recomiendo hacer un test A/B. Tomen un billboard y póngalo a correr en HTML5 y como imagen, cada versión tiene que tener el mismo volumen y el mismo placement. Al final comparen el CTR y la viewability. El resultado será asombroso.
  • Banners en HTML5 tienen que ser realizados por profesionales! Un creativo de flash no puede hacer buenos HTML5! No crean que la única diferencia es que se usa otro programa, Adobe Edge no ha sido desarrollado para hacer publicidad.
  • Si no es posible el contratar profesionales, les recomiendo el uso de herramientas en línea especializadas en la creación de publicidad en HTML5. Las ventajas son que estas herramientas pueden ser usadas por diseñadores y ellas mismas se encargan de la distribución y creación de reportes. Les recomiendo el AdForm HTML5 Studio o el Flashtalking Ad Builder .
  • El tamaño en KB de cada banner en HTML5 tiene que ser medido. Esto no solo son los scripts y las imagenes del paquete, sino tambien los archivos que son cargados externamente. Mientras más grande el banner, es la viewability menor y las páginas web serán más lentas. Yo recomiendo 150KB. La IAB recomienda 200 KB.

Enlaces de interés:

HTML5 for Digital Advertising v2.0: Guidance for Ad Designers and Creative Technologists

IAB Display Advertising Guidelines

, , ,

By  -      



1 Response

  1. Priscila Bracho dice:

    Excelente recomendación para los que están entendiendo ese cambio

Deja un comentario

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