Manual de especificaciones técnicas

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