Manual de especificaciones técnicas 0.7 Agea Digital Mail: [email protected] Cop yright 20 12 AGEA S.A All rights reserved Este documento contiene un manual instructivo con las especificaciones técnicas correspondientes al armado de creatividades en flash. Índice 1. Indice 2. Novedades 3. Consideraciones Generales 4. Banners Tradicionales 5. Intro Preview – Take Cover – PreHome 6. MegaExpandible 7. Megaexpandible con Video 8. Follow Tab 9. TopRight Expandible 10. Layer 11. Triple Impacto (Banner Doble a Layer) 12. Triple Impacto con video 13. Skin 14. Catfishf 15. Video Banner 16. Layer con video 17. PreRoll 18. Tags completes de otro Adserver 19. Formatos Mobile(Nuevo) 1 Novedades Los PreRoll no tienen duración máxima. Se agregaron url para ver cada formatos en Vivo. Se agregaron url para descargar el .fla y el .swf para usar de Template. Se agregaron formatos para Mobile con sus respectivos videos de ejemplo. Comprobar que sea la última versión de las specs. http://contenidos2.clarin.com/sincro/diario/cmdvid/spec/SpecAgea2012.doc 2 Consideraciones Generales Es fundamental tener en cuenta que los banners deben ser publicados en el flash para obtener el archivo .swf en versión 7 y ActionScript 2 Los archivos .fla deben estar exportados en CS4. Enviar materiales siempre a la siguiente dirección: [email protected] Ante cualquier inconveniente, tenemos otra casilla de correo la cual seria: [email protected] y avisen a la anterior dirección el envío de materiales a la casilla de gmail por favor. Los materiales se deben entregar 72 horas antes de la fecha de lanzamiento de la campaña. IMPORTANTE: Enviar swf, fla, fonts y gif o jpg. La falta de algunos de estos archivos puede generar demoras en la implementación de las pautas. Urls para descargar material. Ejemplos Banners Tradicionales. http://contenidos2.clarin.com/sincro/diario/cmdvid/spec/ejemplos/150x250.rar http://contenidos2.clarin.com/sincro/diario/cmdvid/spec/ejemplos/184x90.rar http://contenidos2.clarin.com/sincro/diario/cmdvid/spec/ejemplos/234x60.rar http://contenidos2.clarin.com/sincro/diario/cmdvid/spec/ejemplos/295x47.rar http://contenidos2.clarin.com/sincro/diario/cmdvid/spec/ejemplos/300x100.rar http://contenidos2.clarin.com/sincro/diario/cmdvid/spec/ejemplos/436x210.rar http://contenidos2.clarin.com/sincro/diario/cmdvid/spec/ejemplos/468x60.rar http://contenidos2.clarin.com/sincro/diario/cmdvid/spec/ejemplos/728x90.rar 3 Banners Tradicionales Especificaciones Formato: Flash CS4 (o inferior) Medidas: Tenemos las siguientes medidas disponibles: 300x250 - 468x280 - 728x90 - 950x50 - 400x300 - 436x210 - 1090x40 - 120x600 - 950x50 - 950x90 - 600x60 - 184x90 - 460x25 - 68x60 – 468x90 -- 150x250 - 125x25 - 300x100 - 512x288 - 90x45 - - 300x25 - 295x47 - 440x210 90x90 Estas medidas comprende banners como: Top, MegaBanner, Sky, Auspicios, Right, Middle. Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 50 kb Gif de respaldo: Sí Peso máximo del gif: 50kb Audio: No Link de Ejemplo: ver página anterior Armado de la pieza Son banners con tamaño fijo. Click tag para el botón de click on (release) { getURL(_root.clicktag, _root.target); } 4 Intro Preview – Take Over (PreHome) Especificaciones Formato: Flash CS4 (o inferior) Medidas: 800x400 Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 80 kb Gif de respaldo: Sí Peso máximo del gif: 80kb Audio: No Link de Ejemplo: http://goo.gl/3fVXO * Ver en Vivo: http://goo.gl/y2jny Armado de la pieza Banner fijo de 800x400 que aparece antes de la carga de la página y tiene una duración de 8 segundos. NO LLEVA BOTON CERRAR, esto lo ponemos nosotros. Click tag para el botón de click on (release) { getURL(_root.clicktag, _root.target); } (no lleva botón cerrar, esto lo incluimos nosotros con la herramienta.) 5 MegaExpandible Especificaciones Formato: Flash CS4 (o inferior) Medidas: Tenemos dos opciones: Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 60 kb Gif de respaldo: Sí Peso máximo del gif: No Audio: No Link de Ejemplo: http://goo.gl/Tifo9 Opción 1 Pieza 1 -- 950x50 Pieza 2 -- 950x250 Opción 2 Pieza 1 -- 950x90 Pieza 2 -- 950x300 * Ver en Vivo: http://goo.gl/2kh19 Armado de la pieza Especialmente pensado para campañas que requieran alto impacto en los lectores. Creatividad compuesta por DOS piezas. El banner empuja el contenido del sitio hacia abajo y luego de 8 segundos se contrae. Se deberá incluir un botón en la creatividad más chica con la palabra abrir y un botón en la creatividad más grande con la palabra cerrar. Estas dos acciones debe contener la siguiente instrucción: Código de botón cerrar o abrir. on (release) { getURL("javascript:" + _root.toggle); } Click tag para el boton de click on (release) { getURL(_root.clicktag, _root.target); } 6 MegaExpandible con Video Especificaciones Formato: Flash CS4 (o inferior) Medidas: Tenemos dos opciones: Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 60 kb Gif de respaldo: Sí Peso máximo del gif: No Opción 1 Pieza 1 -- 950x50 Pieza 2 -- 950x250 Opción 2 Pieza 1 -- 950x90 Pieza 2 -- 950x300 Link de Ejemplo: http://goo.gl/o0mwc * Ver en Vivo: http://goo.gl/bXcDZ Armado de la pieza Especialmente pensado para campañas que requieran alto impacto en los lectores. Creatividad compuesta por DOS piezas. La primera vez que entra el usuario, ve la pieza mas grande con el video, la cual se cierra solo por acción del usuario o refresh de la pagina. La segunda vez que entra el usuario vera la pieza mas chica, con opción de abrirla y ver la pieza mas grande. El video debe tener sus controladores, si es por código perfecto, si son predeterminados del flash, deben estar absolutos y debe empezar con play y sonido en “off”. Tanto el video como los controladores, deben tener las siguientes urls: http://contenidos2.clarin.com/sincro/diario/cmdvid/videos/nombredeanunciante/XXXXnumbre del VideoXXXX.flv http://contenidos2.clarin.com/sincro/diario/cmdvid/videos/nombredeanunciante/XXXnumbre del controladorXXX Se deberá incluir un botón en la creatividad más chica con la palabra abrir y un botón en la creatividad más grande con la palabra cerrar. En la acción del botón cerrar, se debe incluir el código correspondiente para apagar el video. El video debe ser en formato *.flv y no debe pesar más de 4mb. Estas dos acciones debe contener la siguiente instrucción: Código de botón cerrar o abrir. on (release) { getURL("javascript:" + _root.toggle); } Click tag para el botón de click on (release) { getURL(_root.clicktag, _root.target); } 7 Follow Tab Especificaciones Formato: Flash CS4 (o inferior) Medidas: 330x600 Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 80 kb Gif de respaldo: Sí Peso máximo del gif: 80kb Audio: No Link de Ejemplo: http://goo.gl/lxnV6 Armado de la pieza Es un banner que se compone de dos partes: Una chapita de 30x90, donde deberán ingresar imagen o nombre del anunciante. Un banner de 300x600 donde ira la publicidad. Primero aparece la chapita de 30x90 ubicada en la parte media de la pagina, la cual se mueve con el scroll, al hacerle un click, se expande hacia la izquierda apareciendo la pieza de 300x600, en esta pieza es donde va el botón de click. La píeza se repliega solo cuando le haces un click en la chapita nuevamente. Click tag para el botón de click on (release) { getURL(_root.clicktag, _root.target); } (no lleva botón cerrar, esto lo incluimos nosotros con la herramienta.) Codigo para abrir y cerrar la pieza on (release) { gotoAndPlay (1 o 2 según la instancia) } (no lleva botón cerrar, esto lo incluimos nosotros con la herramienta.) 8 TopRight Expandible Especificaciones Formato: Flash CS4 (o inferior) Medidas: 184x90 a 270 Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 50 kb Gif de respaldo: Sí Peso máximo del gif: No Audio: No Link de Ejemplo: http://goo.gl/zPbLz * Ver en Vivo: http://goo.gl/sy8lN Armado de la pieza El banner se expande sobre el contenido, hacia la izquierda. Los códigos de expansión pueden ser los clásicos como gotoAndPlay al frame correspondiente. Click tag para el botón de click on (release) { getURL(_root.clicktag, _root.target); } 9 Layer Especificaciones Formato: Flash CS4 (o inferior) Medidas: 400x300 max 400x400 Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 60 kb Gif de respaldo: Sí Peso máximo del gif: No Audio: No Link de Ejemplo: http://goo.gl/RKLaq * Ver en Vivo: http://goo.gl/c2o5O Armado de la pieza Especialmente pensado para campañas que requieran alto impacto en los lectores. El banner flota sobre el contenido 8 segundos y después desaparece solo, puede ser con fondo transparente, mientras no se confunda con el contenido del portal. La pieza debe contener un botón ubicado en el extremo superior derecho para cerrar la creatividad cuando el usuario final lo desee, debe este botón tener la palabra “Cerrar” incluida o una X. Código de botón cerrar on (release) { getURL("javascript: pub_ist_hd()"); } Click tag para el botón de click on (release) { getURL(_root.clicktag, _root.target); } 10 Triple Impacto (Banner DobleaLayer) Especificaciones Formato: Flash CS4 (o inferior) Medidas: son dos piezas de 120x600 y una de 950x600 Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 50 kb Gif de respaldo: Sí Peso máximo del gif: No Audio: No Link de Ejemplo: http://goo.gl/8dpCG * Ver en Vivo: http://goo.gl/6Ho7z Armado de la pieza Especialmente pensado para campañas que requieran alto impacto en los lectores. Esta creatividad corre solo en pantallas mayores a 1024x768. Se compone de 3 piezas, dos ubicadas a la derecha e izquierda del sitio de 120x600, y una flotante en el medio de 950x600. De las dos piezas de 120x600, la ubicada a la izquierda es la que abre el banner flotante cuando pasas el cursor. Esta pieza debe tener un call to action “Pasa el mouse para ver más” La pieza flotante debe tener un botón ubicado en la parte superior derecha con la leyenda “Cerrar”. Esta pieza se cierra sola a los 10 segundos. Código de botón cerrar de la pieza flotante on (release) { getURL("javascript:" + _root.toggle); } Click tag para el botón de click de las 3 piezas on (release) { getURL(_root.clicktag, _root.target); } 11 Triple Impacto con Video Especificaciones Formato: Flash CS4 (o inferior) Medidas: son dos piezas de 120x600 y una de 950x600 Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 50 kb Gif de respaldo: Sí Peso máximo del gif: No Armado de la pieza Especialmente pensado para campañas que requieran alto impacto en los lectores. Esta creatividad corre solo en pantallas mayores a 1024x768. Se compone de 3 piezas, dos ubicadas a la derecha e izquierda del sitio de 120x600, y una flotante en el medio de 950x600. De las dos piezas de 120x600, la ubicada a la izquierda es la que abre el banner flotante cuando pasas el cursor una única vez por usuario. Esta pieza debe tener un call to action “Pasa el mouse para ver más” La pieza flotante debe tener un botón ubicado en la parte superior derecha con la leyenda “Cerrar”. Esta es la pieza que puede contener video. En la acción del botón cerrar, se debe incluir el código correspondiente para apagar el video. EL VIDEO debe tener un peso menor a 4mb, la duración del video depende del peso del mismo. El video debe tener sus controladores, si es por código perfecto, si son predeterminados del flash, deben estar absolutos y debe empezar con play y sonido en “off”. Tanto el video como los controladores, deben tener las siguientes urls: http://contenidos2.clarin.com/sincro/diario/cmdvid/videos/nombredeanunciante/XXXXnumbre del VideoXXXX.flv http://contenidos2.clarin.com/sincro/diario/cmdvid/videos/nombredeanunciante/XXXnumbre del controladorXXX El video debe ser en formato *.flv. Código de botón cerrar de la pieza flotante on (release) { getURL("javascript:" + _root.toggle); } Click tag para el botón de click de las 3 piezas on (release) { getURL(_root.clicktag, _root.target); } 12 Skin Especificaciones Formato: Flash CS4 (o inferior) Medidas: son 2 piezas de 120x600 y otra de 950x50 Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 50 kb Gif de respaldo: Sí Peso máximo del gif: No Audio: No Link de Ejemplo: http://goo.gl/5PE4O * Ver en Vivo: http://goo.gl/b7q0z Armado de la pieza Especialmente pensado para campañas que requieran alto impacto en los lectores. Esta creatividad corre solo en pantallas mayores a 1024x768. Se compone de 3 piezas, dos ubicadas a la derecha e izquierda del sitio de 120x600, y un top banner de 950x50. Click tag para el botón de click de las 3 piezas on (release) { getURL(_root.clicktag, _root.target); } 13 CatFish Especificaciones Formato: Flash CS4 (o inferior) Medidas: una pieza de 1090x40 y una de 1090x250 Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 50 kb Gif de respaldo: Sí Peso máximo del gif: No Audio: No Link de Ejemplo: http://goo.gl/jqw9C * Ver en Vivo: http://goo.gl/Q9F02 Armado de la pieza Especialmente pensado para campañas que requieran alto impacto en los lectores. Se compone de 2 piezas, la primera de 1090x40 ubicada en el footer del sitio, la cual siempre esta visible y acompaña el scroll del sitio, y la segunda pieza, ubicada en la misma posición, pero aparece cuando se hace mouse over sobre la primer creatividad, esta última es de 1090x250. Click tag para el botón de click de las 2 piezas on (release) { getURL(_root.clicktag, _root.target); } 14 Video Banner Especificaciones Formato: Flash CS4 (o inferior) o Flv Medidas: 300x250 o medida a consultar con el ejecutivo de cuentas Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 50 kb Gif de respaldo: Sí Peso máximo del gif: No Ver en Vivo: http://goo.gl/FtvdA Armado de la pieza Hay dos opciones de armar este formato: La primera opción es mandar un swf contenedor con reproductor de video, y un archivo flv, el cual deberá estar absoluto preferentemente. La segunda opción es mandar directamente un flv. Tener en cuenta la medida según el espacio pautado. El peso máximo del video, no debe superar los 2 mb El sonido debe empezar en Off. Click tag para el botón de click on (release) { getURL(_root.clicktag, _root.target); } 15 Video Layer Especificaciones Formato: Flash CS4 (o inferior) o Flv Medidas: 400x300 o medida a consultar con el ejecutivo de cuentas Versión de flash: 7 o inferior Action Script: 2.0 Peso máximo: 50 kb Gif de respaldo: Sí Peso máximo del gif: No Audio: No Armado de la pieza Hay dos opciones de armar este formato: La primera opción es mandar un swf contenedor con reproductor de video, y un archivo flv, el cual deberá estar absoluto preferentemente. La segunda opción es mandar directamente un flv. Tener en cuenta la medida según el espacio pautado. El peso máximo del video, no debe superar los 2 mb. La pieza dura 15 segundos max y desaparece. Código de botón cerrar on (release) { getURL("javascript: pub_ist_hd()"); } Click tag para el botón de click on (release) { getURL(_root.clicktag, _root.target); } 16 Pre Roll Especificaciones Formato: Flv Medidas: relación de tamaño 16:9 y tamaño 512x288 Peso máximo: 4 mb Duración: No hay duración máxima de Tiempo. Armado de la pieza Video el cual aparecerá antes de cada video contenido del sitio. 17 Tags Completos Especificaciones Para poder implementar tags completos, primero deben tener el ok del área de implementación. Si bien las especificaciones dependerán del Ad-Server que utilicen, deberán respetar algunos puntos importantes para nuestro medio. Versión de Flash: 7 Z-Index: 1000 Casos especiales: Todas las implementaciones, deberán contar con su gif de backup, caso contrario se bajara el script hasta que se cargue el mismo. Tags completos de Intro – Take Over – Pre Home debe ser un banner común de 800x400, sin botón cerrar ni otra programación, ya que todo lo demás lo agregamos nosotros. Las implementaciones no deben tener ningún tipo de segmentación, ni seteo de impresiones, ya que toda la configuración la hacemos nosotros desde nuestra herramienta. Siempre que generen un cambio de creatividad, deben informar al área de implementación o trafico para verificarla, caso contrario podemos bajar el tag ante cualquier problema con la creatividad, ya sea técnica o de contenido, hasta que se arregle con el anunciante, sin posibilidad de reclamos de impresiones perdidas en el tiempo determinado. No aceptamos tags de piezas RichMedia. 18 Formatos Mobile Sitios donde aparecerán las creatividades: http://m.clarin.com http://m.ole.com.ar A estos sitios se accede desde un SmartPhone y contemplamos 4 medidas estándar IAB y MMA para tener los espacio de diferentes móviles, rotaciones dentro de los móviles, etc. Formatos por version de SO Banners Fijos IOS - Android Banners RichMedia Interstitial Catfish Flip Banner Flip Interstitial IOS - Android IOS - Android IOS IOS Funcionalidades del click: Abrir una pagina web o mobile Enviar a la pantalla para llamar con el telefono preconfigurado. Abrir la ventana para mandar un SMS Llevar directamente a la pantalla para descargar una app de apple o android Abrir una ubicacion en google maps directamente. Abrir una ventana para enviar un mail. Enviar el usuario a un video de You Tube directamente. 19 Especificaciones Formatos Fijos Smartphone - Ratio 6:1 300x53 - Peso Máximo 7,5 kb 216x36 - Peso Máximo 5 kb 168x28 - Peso Máximo 5 kb 120x20 - Peso Máximo 5 kb Formatos jpg, gif, png, html. Video de Ejemplo: http://goo.gl/2UWa1 Especificaciones Formato Flip Banner Solo para iPhone Unicamente en modalidad Portrait (Modo vertical) Dimenciones y pesos Es una creatividad con dos fragmentos. Para Smartphone es de 300x106 < a 20kb (Height= 2x53px) Formatos jpg, gif, png, html Video de Ejemplo: http://goo.gl/Egcj6 Especificaciones Formato Catfish Unicamente en modalidad Portrait (Modo vertical) Dimenciones y pesos 300x53 - Peso Máximo 7,5 kb Formatos jpg, gif, png, html Video de Ejemplo: http://goo.gl/aYCRK 20 Especificaciones Formato Intro Aparece en los dos tipos de pantalla, Landscape y Portrait Dimenciones y pesos Portrait: 300x416 (barra de navegacion oculta) o 300x358 < 20kb Landscape: 480x268 (barra de navegacion oculta) o 480x208 < 20kb Unica creatividad para ambos, portrait y landscape: 300x208px - 300x268 < 20kb Formatos jpg, gif, png, html Video de Ejemplo: http://goo.gl/Ubtyl Especificaciones Formato Flip Intro Solo para iPhone Aparece en los dos tipos de pantalla, Landscape y Portraits Dimenciones y pesos Portrait: 300x416 (barra de navegacion oculta) o 300x358 < 20kb Landscape: 480x268 (barra de navegacion oculta) o 480x208 < 20kb Unica creatividad para ambos, portrait y landscape: 300x208px - 300x268 < 20kb Formatos jpg, gif, png, html Video de Ejemplo: http://goo.gl/RHDdS Especificaciones Formato Reveal Unicamente en modalidad Portrait (Modo vertical) Es una pieza con dos partes. La parte de abajo, de 50 px, siempre visible. Mientras que la parte restante solo se ve cuando se hace click en la creatividad. Dimenciones y pesos 320x358 - Peso Máximo 20 kb Formatos jpg, gif, png, html Video de Ejemplo: http://goo.gl/gTbpE 21 Muchas gracias por elegirnos El equipo de Implementacion de Agea Digital . 22