Category: Formatos

Interstitial Mobile

takeovermobile

Es un layer de pantalla completa que inicia expandido. Solo tiene un creativo. El layer se puede diseñar en ambas orientaciones (Landscape&Portrait). Se crea a través de Ad Studio.

¿CÓMO FUNCIONA?

Este formato es un layer a pantalla completa que aparece ni bien carga el sitio.

Produce alto impacto visual y puede contener todo tipo de componentes como video, galerías de imágenes, varias páginas, entre otros.

¿CÓMO SE DISEÑA?

En la primer pantalla del Studio se debe seleccionar el formato “Intersticial”

El layer puede ser de tamaño fijo o de tamaño responsive.Además se puede seleccionar la opción “Diseñar en ambas direcciones” lo cual permite subir una imagen diseñada para dispositivos en posición vertical (portrait) y otra imagen diseñada para dispositivos en posición horizontal

Este formato consta de solo 1 layer, el cual puede a su vez contener varias páginas

¿CÓMO CUENTA MÉTRICAS?

– Inicio de anuncio: cuando carga el anuncio.

– Cerrar anuncio: cuando es cerrado con botón “Cerrar anuncio”.

– Anuncio completo: cuando el layer cierra automáticamente al cumplirse el “tiempo de visualización”.

– En caso de tener video:

• Reproducir video: cuando se presiona “Play” por primera vez.

• Detener video: se presiona “Stop” por primera vez.

• Permanencia de anuncio: se activa cada cuartos del tiempo de video.

• Anuncio Completo: cuando finaliza el video.

 

IMPORTANTE

En caso de que se cargue en Ad Studio un archivo HTML5, el mismo debe ser responsive también para poder funcionar de tal forma.

Si no se programa de forma responsive, aún con esto indicado en la plataforma, la pieza no se adaptará de la forma esperada.

 DEMO

DEMO

DEMO

Banner skycrapper horizontal 970 x 90

970x90

Especificaciones técnicas banner HTML5

  • Medidas: 970x90px
  • Formato: HTML5
  • Peso máximo: 120kb
  • Gif o JPG de respaldo: Opcional
  • Peso máximo del GIF o JPG: 120kb
  • Loop: 
  • Duración máxima de la animación: Indefinida

Las piezas deben ser enviadas con 72hs de antelación a la fecha de inicio de la campaña.

Inclusión de códigos HTML5

Verificar especificaciones técnicas para el armado de piezas tradicionales en HTML5.

 

Descargas

Banner HTML Tradicional (71 kb)

Mega Layer 640 x 400

layer

¿CÓMO FUNCIONA?

Este anuncio aparece sobre el contenido del sitio. El anuncio cierra automáticamente   al finalizar la animación, también posee un botón para que el usuario pueda cerrarlo   cuando desee.

¿CÓMO SE PROGRAMA?

El layer debe incluir un botón de cerrar o saltar anuncio.

Ejemplo:

<div id=”botonCerrar”>
Cerrar Anuncio
</div>

No se debe utilizar iframes,

Si se diseña en google web designer:

Realizar un anuncio que NO es de google  ­

Realizar correctamente todos los divs, por separado para clicktag y botones.

MATERIALES A ENVIAR:

­ Enviar 1 zip por cada pieza,  cada una en su carpeta con sus contenidos.

 El peso máximo del anuncio debe ser de hasta 120KB.  ­

 

Layer con video:  El video debe estar en formato .mp4 con codec H264.

¿CÓMO SE INSERTA EN EL HTML?

El vídeo debe tener el mismo tamaño del área en donde se lo quiere colocar en la  creatividad.

Ejemplo:​  El video se llama: ​video.mp4​ y mide 640 x 400 px.    Dentro de mi banner, debo tener una div para insertar el video y allí colocar la siguiente  etiqueta:

 <video id="videoEpl" width="640" height="400" controls autoplay muted">  <source src="​video.mp4​" type="video/mp4">  </video>

COMPORTAMIENTO:

Que comience en play o pausa.

Que comience con audio activado o desactivad0 ­Que contabilice la métrica de anuncio completo al final del video o de la animación del  anuncio.

PESO MÁXIMO:  El peso de/los videos debe estar incluido en el peso máximo de 30 megas del anuncio rich  media.

IMPORTANTE:   Testear el correcto funcionamiento de los videos en los navegadores.  Se pueden colocar hasta 5 videos en un anuncio.

Las piezas deben ser enviadas con 72hs de antelación a la fecha de inicio de la campaña.

 Ejemplos

Layer_HTML5 (51kb)

Alertas de mail 300 x 250

e-mail

Se trata de un banner 300×250 ubicado dentro de los mails que se envían diariamente a una base de más de 70.000 usuarios.

Detalles para el armado del banner

  • Medidas: 300×250 px
  • Formato: GIF o JPG
  • Peso máximo: 120 kb
  • Loop: No

 

Materiales a enviar

  • Archivo GIF o JPG.
  • No admite HTML5

 

 

Banner 250 x 600

250x800

Especificaciones técnicas banner HTML5

  • Medidas:  250x600px
  • Formato: HTML5
  • Peso máximo: 120 kb
  • Gif o JPG de respaldo: Opcional
  • Peso máximo del GIF o JPG: 120kb
  • Loop: 
  • Duración máxima de la animación: Indefinida

Las piezas deben ser enviadas con 72hs de antelación a la fecha de inicio de la campaña.

Inclusión de códigos HTML5

Verificar especificaciones técnicas para el armado de piezas tradicionales en HTML5.

 

Banner HTML Tradicional (71 kb)

Banner Mobile 300 x 100

mobile320x100

Las piezas tradicionales mobile pueden realizarse en HTML5 o como una imagen jpg, gif o png. Las piezas deben ser enviadas con 72hs de antelación a la fecha de inicio de la campaña.

A continuación se detallan las especificaciones para el armado de piezas tradicionales en HTML5.

Especificaciones técnicas banner HTML5

  • Medidas: 300x100px
  • Formato: HTML5
  • Peso máximo: 80 kb
  • Gif, JPG o PNG de respaldo: Opcional
  • Peso máximo del GIF, JPG o PNG: 80 kb
  • Loop: 
  • Duración máxima de la animación: Indefinida

 

Inclusión de códigos HTML5

Verificar especificaciones técnicas para el armado de piezas tradicionales en HTML5.

 

Descargas

Banner HTML Tradicional (71 kb)

SKIN

background

¿CÓMO FUNCIONA?

Este formato constan de 1 banner acompañados por un skin (background del sitio) que puede ser clickeable o no dependiendo de cada necesidad así como también fixed o scroll.

Si se sube un solo banner puede ser jpg o gif (aplicable a tablets).

¿CÓMO SE DISEÑA?

Se puede implementar el skin solamente con el JPEG O GIF, utilizando un html invisible como banner principal de 1×1. (Enviar solamente la imagen del skin en formato indicado),

También se puede implementar el skin acompañado con una creatividad en un banner, de cualquier tamaño, ej: 300x600px. (Enviar imagen del skin mas el html del banner)

 

¿CÓMO SE COMPONE?

1 SKIN: Imagen JPEG o GIF de tamaño correspondiente al diseño del sitio. Esto implica contemplar las medidas del background total y armar la imagen en función a eso.

Para que se muestre el skin de manera correcta se deberá hacer una modificación en el estilo del body (en el html): backgroundposition: top center.

MATERIALES A ENVIAR

  • Enviar 1 zip por cada pieza. Ejemplo, el banner consta de 2 piezas, se debe enviar 2 zip por separado, cada una en su carpeta con sus contenidos. Ejemplo
  • El peso máximo del anuncio debe ser de hasta 30 MB.
  • En caso que la pieza lleve video ver las siguientes especificaciones.Ver aquí
  • Las piezas deben ser enviadas con 72hs de antelación a la fecha de inicio de la campaña.

 

VIDEO TUTORIAL

IMPORTANTE

  • No se debe utilizar iframes
  • Si se diseña en google web designer:
    • Realizar un anuncio que NO es de google.
    • No invertir la pieza expandida y replegada(banner­page / expanded­page).
  • Realizar correctamente todos los divs, por separado para clicktag y botones.
  • Las medidas del replegado y el expandido no deben estar invertidas.
  • El anuncio solamente debe contar con los handlers personalizados de los botones expandir y cerrar.
  • Siempre la pagina inicial debe ser la replegada (banner­page).

 

 

 

Home Event

megaintro

Este formato es uno de los favoritos por los anunciantes debido al alcance e impacto que logra. La permanencia y el tiempo de exposición del anuncio es fijo por sesión.

Se compone de 2 piezas:

  • Mega Intro de 1000×600* que por su tiempo de exposición y medida es un formato muy utilizado para generar altísimo impacto en el usuario. Se destaca por su gran área  para desplegar la comunicación.
  • Expandible Push  desplegado: 970x350px // Megapush replegado: 970x90px –  que aparece al cargar la página, se ubica en la parte superior y se mantiene fijo en la pantalla.

*TODAS LAS MEDIDAS SON OBLIGATORIAS

Atención: No se acepta tag completo.

Especificaciones técnicas

Las piezas deben ser enviadas con 72hs de antelación a la fecha de inicio de la campaña.

 

 

 

 

Banner 600 x 300

630x300

Las piezas tradicionales pueden realizarse en flash o HTML5. E-planning cuenta con un sistema de conversión automática de piezas flash en HTML5. Es indispensable que las tipografías de los archivos flash estén convertidas a curvas, para evitar que se modifiquen en la conversión.

Las piezas deben ser enviadas con 72hs de antelación a la fecha de inicio de la campaña.

A continuación se detallan las especificaciones para el armado de piezas tradicionales en HTML5 y FLASH.

Especificaciones técnicas banner HTML5

  • Medidas: 600x300px
  • Formato: HTML5
  • Peso máximo: 120 kb
  • Gif o JPG de respaldo: Opcional
  • Peso máximo del GIF o JPG: 120kb
  • Loop: 
  • Duración máxima de la animación: Indefinida

 

Inclusión de códigos HTML5

Verificar especificaciones técnicas para el armado de piezas tradicionales en HTML5.

 

Especificaciones técnicas banner FLASH

  • Medidas: 600x300px
  • Formato: Flash
  • Action Script: 2.0 o 3.0
  • SWF:En versión 12 o inferior de flash
  • Peso máximo: 120 kb
  • FPS (Fotogramas por segundo):hasta 24
  • Gif o JPG de respaldo:
  • Peso máximo del GIF o JPG: 120kb
  • Loop: 
  • Duración máxima de la animación:Indefinida
  • Tipografías: en curvas (sin excepción).

 

Inclusión de códigos Action Script

ClickTag para Action Script 2.0:
Una vez que complete la animación deseada en el Flash, antes de publicar la película SWF, inserte un nuevo layer por encima de todos los demás, agregue un botón invisible y en él incluya el siguiente Action Script:

on(release){
getURL(_root.clickTag, "_blank");
}


ClickTag para Action Script 3.0:
La animación debe desarrollarse íntegramente en AS3. Antes de publicar la película SWF, inserte un nuevo layer por encima de todos los demás, agregue un botón transparente, selecciónelo y en la barra de propiedades incluya el siguiente nombre “boton1″.
Inserte un nuevo layer y al final de la animación incorpore el siguiente código action script directamente sobre el fotograma:

boton1.addEventListener(MouseEvent.CLICK, abrirLink);
var clickTag:String;
var paramList:Object = new Object();
if (this.root.loaderInfo.parameters) {
paramList = this.root.loaderInfo.parameters;
} else {
paramList = LoaderInfo(this.root.loaderInfo).parameters;
}
if (paramList["clickTag"]) { clickTag = unescape(paramList["clickTag"]); }
function abrirLink(e:Event):void {
 try {
 navigateToURL(new URLRequest(clickTag), '_blank');
 } catch (e : Error) {
 trace("!Error clickTag: " + e.message);
 }
}

 

Conversión automática de piezas Flash en HTML5

Piezas standard:
E-Planning cuenta con un sistema de conversión automática a HTML5 de piezas standards desarrolladas en flash. Las piezas flash implementadas a partir de septiembre de 2015 se convierten automáticamente a HTML5.

Piezas Rich Media:
A partir de julio de 2016 no se realizan conversiones de piezas flash richmedia a HTML5.

Descargas

Banner ejemplo en AS3 (144 kb) – Banner ejemplo en AS2 (196 kb) – Banner HTML Tradicional (71 kb)

Banner Premium 970 x 250

premium_1320x250

Especificaciones técnicas banner HTML5

  • Medidas: : 970x250px
  • Formato: HTML5
  • Peso máximo: 120 kb
  • Gif o JPG de respaldo: Opcional
  • Peso máximo del GIF o JPG: 120kb
  • Loop: 
  • Duración máxima de la animación: Indefinida

Inclusión de códigos HTML5

Verificar especificaciones técnicas para el armado de piezas tradicionales en HTML5.

Las piezas deben ser enviadas con 72hs de antelación a la fecha de inicio de la campaña.

 Descargas

Banner HTML5 (67 kb)

Page 3 of 41234