DISPLAY ESTANDAR. Imagenes Archivos.gif y.jpg Peso máximo 70kb Formatos IAB Cuidar la nitidez y legibilidad. HTML5 Archivos.

Transcripción

1 SPECS

2 DISPLAY ESTANDAR Imagenes Archivos.gif y.jpg Peso máximo 70kb Formatos IAB Cuidar la nitidez y legibilidad Versiones Recomendadas HTML5 Archivos.ZIP Backup Peso máximo 70kb Duración máxima 30 segundos con stop al final Click tag 300x x90 160x x600

3 MOBILE Formatos: static.gif y.jpg Animated.gif y HTML5 Peso Máximo: Universal 10kb (300x50 y 320x50) Supplemental- banners adaptables a mobile Tamaños: 300x250, 728x90, 160x600, 120x600

4 FACEBOOK Imagen 254x133 con no mas de 20% de texto 25 caractéres máximo URL destino Texto cuerpo del mensaje

5 RICH MEDIA Los usuarios pueden interactuar haciendo clic o pulsando el anuncio, y / o rodando sobre un anuncio (o una parte de un anuncio). El anuncio debe tener bordes y poderse distinguir del contenido normal de la pagina y no exceder el 30% de uso del CPU Peso: 5KB maximo en un solo archivo comprimido en GZIP Audio: Debe ser iniciado por el usuario, no auto play. Hotspot: No debe exceder 1/4 del tamaño del anuncio. Si es mouse over, debe haber al menos 1 segundo de permanencia para reproducirse SIN audio.

6 RICH MEDIA - LAYER Cómo funciona El formato Layer es una creatividad Flash (versión 10 o inferior) que se muestra sobre la página, es decir flota sobre el contenido del sitio. La pieza se cerrará automáticamente luego de los 10 segundos. Cómo se programa El formato se programa como un formato tradicional en una pieza Flash (exportada en versión 10 o inferior). Materiales a enviar Pieza gráfica: Un archivo en formato Flash (con su correspondiente.fla y.swf), que no supere los 400px de ancho o de largo. Tamaños sugeridos: y , puede ser 300x250. Al igual que para un formato tradicional, se debe colocar el clicktag (*) en toda el área de la pieza. Tags de adservers: En caso de enviar tags debe subir la pieza a su adserver sin el botón Cerrar. A su vez el tag debe contar con las variables de click y de cache abiertas. De lo contrario, las piezas no van a contar clicks en nuestro servidor de publicidad. Importante TAGS de Mediamind: Deben estar configurados como Instant, y no como descarga Polite (**). Formatos: Para el layer, SWF, JPG, PNG o GIF Peso Máximo: 39,9 kb. Tiempo de animación: Hasta 10 segundos.

7 RICH MEDIA - SKIN Cómo funciona El formato Skin puede ser una pieza de 120x600 o 160x600 (a elección del anunciante) y puede ser enviada en.gif,.jpeg,.png, o SWF (versión Flash 10 o inferior). Esta pieza se muestra sobre ambos laterales de la página, es decir flota sobre los márgenes del sitio. Dependiendo de la resolución de cada equipo el área de los laterales es mayor o menor. Las piezas siguen el movimiento de la barra o scroll del navegador, de tal manera que acompañan al usuario en el recorrido vertical del sitio. Es un formato que permite el click del usuario. Cómo se programa Si se envía la pieza en formato Flash se debe programar como un formato tradicional o puede ser enviada una imágen.gif,.jpeg y.png. Los anuncios animados están restringidos a un máximo de 30 segundos (15-20 fps frame ratio). Pasado este tiempo deben permanecer estáticos. Materiales a enviar Un archivo.gif,.jpg,.png, o un archivo Flash (versión 10 o inferior, junto con su.swf y.fla correspondiente). Especificaciones de formato Tamaños permitidos: 160x600 px, y 120x600 px. Se deben entregar creativos en estas dos diferentes resoluciones. Formatos: GIF, JPG, PNG, Flash. Peso: 39,9 kb cada pieza. Importante: Si envía la pieza en formato Flash GIF,.JPEG o.png. la misma debe contener la variable de click tag.

8 ESPECIFICACIONES TÉCNICAS HTML5 CREATIVIDADES DISPLAY Las creatividades deben ser Third Party Redirects. Para campañas de respuesta, se necesitan mínimo 5 grupos de redirects, cada grupo se compone de 728x90, 300x250, 120x600, 160x600, 468x60, etc. Cada redirect tiene que hacer referencia a su grupo en el nombre. Por ejemplo: Grupo 1 300x250, Grupo 1 728x90, Grupo 1 120x600, Grupo 1 160x600, Grupo 1 468x60, Grupo 2 300x250, Grupo 2 728x90, Grupo 2 120x600, etc. Las creatividades que tengan un fondo parcialmente negro, blanco o transparente, deben agregar un borde visible de un color que contraste con el color de fondo mayoritario de la creatividad. NO se admiten animaciones que excedan los 30 segundos (deben parar completamente antes de este tiempo). Si la creatividad contiene loop, en total la duración no debe superar esos 30 segundos. Además debe detenerse en un fotograma significativo para la promoción. En el caso de que no se faciliten Third Party Redirects, las creatividades deben ajustarse a las especificaciones descritas en las próximas páginas.

9 ESPECIFICACIONES TÉCNICAS HTML5 ELEMENTOS HTML5 Las creatividades HTML5 deben estar en un archivo.zip. Qué se debe incluir en el archivo.zip Elementos que incluir Archivo HTML: el elemento principal de la creatividad HTML5 es el archivo HTML. Debe ser un documento HTML completo que incluya al menos una etiqueta de clic y pueda cargarse en un marco flotante. Otros archivos: incluya todos los demás archivos a los que se haga referencia en el HTML. Una imagen de backup independiente Tipos de archivos compatibles y límites del archivo.zip Tipos de archivo compatibles:.html,.htm,.js,.css,.jpg,.jpeg,.gif,.png,.json,.xml y.svg. Número máximo de archivos: el.zip puede incluir hasta 100 archivos. Tamaño máximo: los HTML5 finales no deberán exceder un peso de 300kb. Independientemente de esto, debe mantener el tamaño de su archivo ZIP lo más reducido posible. Los únicos archivos del ZIP deben ser los elementos que necesite para su creatividad.

10 ESPECIFICACIONES TÉCNICAS HTML5 DIMENSIONES Para defininir las dimensiones de la creatividad en su archivo HTML con la metaetiqueta de tamaño: <meta name="ad.size" content="width=[x],height=[y]">. A diferencia de las imágenes o los vídeos, los documentos HTML no tienen dimensiones propias. Por este motivo, se usa la metaetiqueta de tamaño. La metaetiqueta de tamaño constituye un parámetro opcional del documento HTML. Es la mejor forma de asegurarse que la creatividad se renderiza con las dimensiones correctas. Las creatividades HTML5 pueden tener dimensiones fijas o flexibles. Dimensiones fijas : 300x250, 400x400, etc Dimensiones flexibles: se ajustan al tamaño de la ubicación. Una dimensión flexible se indica con un cero. Por ejemplo, 0x0, 300x0 ó 0x250. Ejemplos de metaetiqueta de tamaño Fijo (como 300x250: <meta name="ad.size" content="width=300,height=250"> Flexible (0x0): <meta name="ad.size" content="width=0,height=0"> Ancho flexible (como 0x250): <meta name="ad.size" content="width=0,height=250"> Altura flexible (como 300x0): <meta name="ad.size" content="width=300,height=0">

11 ESPECIFICACIONES TÉCNICAS HTML5 ETIQUETAS DE CLICK Insertar Etiqueta De Click <html> <head> <meta name= ad.size content= width=300,height=250 > <script type="text/javascript"> var clicktag = " </script> </head> [El resto del código de la creatividad se inserta aquí]. </html> Asegúrese de que la creatividad utiliza la variable de etiqueta de clic como la URL de destino: <a href="javascript:window.open(window.clicktag)"> <img src="images/digilant.png" border=0> </a> Use Google Web Designer to code clicktag for DCM creatives

12 ARIANA FERNÁNDEZ

13