Category: Formatos

Zócalo

zocalo

¿Cómo funciona?

Este formato consta de un layer inicial que se puede ubicar en cualquier margen del sitio, controlándose desde la plataforma. El anuncio se expande por acción el usuario dando lugar a un layer expandido. Ambas etapas pueden cerrar la creatividad pero sólo el expandido puede contraer. Puede llevar un video (opcional).

¿Cómo se compone?

1 Layer principal  970×90
1 Layer expandido 970×250

¿CÓMO SE DISEÑA?

- Zócalo:

Para visualizar el layer se incluirá un botón de “abrir”, mediante la acción de rollover o click, según corresponda. El zócalo también puede llevar boton para cerrarse.

- Layer:

El Layer puede tener fondo transparente y debe tener un botón para cerrarlo (obligatorio).

Ambos botones deben de estar en un div:

Ejemplo:

<body>
<div id="botonCerrar">
Cerrar Anuncio
</div>
<div id="botonAbrir">
Abrir
</div>
</body>

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).

 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í

 Click Tag

El Click Tag debe estár programado de esta forma:

<a onclick="window.open(window.clickTag); return false" href="#!"></a>

Si se requiere que una área específica por ejemplo un div realice el clicktag realizamos lo siguiente:

<a onclick="window.open(window.clickTag); return false" href="#!">
 <div id="clickTag" style="width:400px;height:400px"></div>
</a>

Ejemplo TML (68 kb)

Plazos de entrega: Los materiales deben entregarse como mínimo 48 horas antes de la fecha de lanzamiento de la campaña.
ADVERTENCIA: La falta de alguno de los archivos solicitados puede generar demoras en la implementación de las pautas.

Mega Expandible Push 970x90x350

expandible

¿CÓMO FUNCIONA?

Este formato se compone de un anuncio que expande empujando el contenido del   sitio. Se muestra en 3 instancias:

1)  El  anuncio  aparece  desplegado  desplazando  el  contenido  del  sitio,  se  cierra   automáticamente al finalizar la animación o por el botón cerrar.  2) El anuncio se ve replegado y presenta un botón para poder abrirlo. Al replegarse   el contenido del sitio vuelve a su lugar original.  3) El anuncio se ve desplegado pero no se cierra hasta que el usuario no haga click   en el botón cerrar.

¿CÓMO SE COMPONE?

1 .zip html5 con sus dos instancias: expandida y replegada.

¿CÓMO SE DISEÑA?

1 html con sus dos instancias: expandida y replegada.

Expandido  970x350px   replegado: 970x90px

Ejemplo:

<body>
<div id="replegado">...contenido del replegado….</div>
<div id="expandido">...contenido del expandido….</div>
</body>

Si la creatividad abre y cierra mediante botones, estos deben de estar diseñados e incluidos en la creatividad. Cada botón debe encontrarse en un div.

Ejemplo:

 <body>
<div id="replegado">
<div id="botonAbrir"></div>
...contenido del replegado….
</div>
<div id="expandido">
<div id="botonCerrar"></div>
...contenido del expandido….
</div>
</body>

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)

MATERIALES A ENVIAR:

  •  El peso máximo del anuncio debe ser de hasta 30 MB
  • El anuncio junto con todos sus archivos y recursos que utilice deben ser enviados cargado en formato zip.

Para incluir en mobile.

Especificaciones técnicas banner HTML5
Medidas: 300x250px
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

En caso que la pieza lleve video ver las siguientes especificaciones.Ver aquí

Expandible Push con Video

Para contabilizar métricas en un video primero se debe agregar el tag al html correspondiente, por ejemplo:

<video id="video1" width="320" height="320" controls autoplay muted>
<source src="video.mp4" type="video/mp4">
</video>

Principalmente nos encontramos con el tag “<video>” y dentro del mismo el se encuentra el tag “<source>” que corresponde a la dirección del video a cargar.
El tag vídeo debe tener un id especificado, en este ejemplo es: “video1”, para poder realizar que contabilice métricas es necesario utilizar la función EPL.setvideo, la cual recibe como parámetro el id del video, en nuestro caso de ejemplo quedaría de la siguiente forma: EPL.setvideo(“video1”);

Automáticamente, la librería de richmedia reconoce el video y ajusta las métricas a sus controles.
Los formatos richmedia soportan hasta 5 videos:

EPL.setVideo(“video1”); //ok
EPL.setVideo(“video2”); //ok
EPL.setVideo(“video3”); //ok
EPL.setVideo(“video4”); //ok
EPL.setVideo(“video5”); //ok
EPL.setVideo(“video6”); // ERROR


Opciones de video:

En caso de necesitar que un video comience en auto play, pausa, sonido on/off, se debe setear directamente del tag “<video>” con las propiedades correspondientes.
En el próximo ejemplo mostramos como realizar un video que comienza con sonido off, en auto play y con controles visibles:
<video id=”v1” width=”320” height=”320” controls autoplay muted> <source src=”video.mp4” type=”video/mp4”> </video>
Las propiedades marcadas en rojo en la etiqueta son las seteadas.

 

En la siguiente imagen, se describe como sería el armado del zip:

grafico

Plazos de entrega: Los materiales deben entregarse como mínimo 48 horas antes de la fecha de lanzamiento de la campaña.
ADVERTENCIA: La falta de alguno de los archivos solicitados puede generar demoras en la implementación de las pautas.

Take Over Mobile

takeovermobile

Cómo funciona

Se compone de dos instancias: Banner inicial y luego al hacer clic en un layer. Considerar al momento de diseñarlo las proporciones de los dispositivos mobile, y tener en cuenta que en el caso del layer, si es visto en un dispositivo de resolución inferior al tamaño de las imágenes, las mismas se redimensionarán. Para el banner residual, se deberá contemplar la carga de las imágenes para abarcar las diferentes resoluciones.

Además, la imagen se reacomodará automáticamente al rotar la pantalla, por lo que la creatividad deberá preveer desde el diseño las dos instancias de visualización.

Cómo cuenta

  • IMPRESION: al momento del llamado
  • DESPLEGAR: al abrir el layer desde el banner
  • CLOSE: al cerrar el layer (No cuenta anuncio completo)
  • COMPLETE: 10 segundos después de la apertura del layer.

 Cómo se programa

El anuncio consta de 2 piezas:

  • Banner Residual: Imagen JPG de 300×250, sin límite de peso.
  • Layer: Imagen JPG  320×480 sin límite de peso, ni restricción de tamaño.

Ver demo online aquí.

Plazos de entrega: Los materiales deben entregarse como mínimo 48 horas antes de la fecha de lanzamiento de la campaña.
ADVERTENCIA: La falta de alguno de los archivos solicitados puede generar demoras en la implementación de las pautas.

 

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

Plazos de entrega: Los materiales deben entregarse como mínimo 48 horas antes de la fecha de lanzamiento de la campaña.
ADVERTENCIA: La falta de alguno de los archivos solicitados puede generar demoras en la implementación de las pautas.

 

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)

Plazos de entrega: Los materiales deben entregarse como mínimo 48 horas antes de la fecha de lanzamiento de la campaña.
ADVERTENCIA: La falta de alguno de los archivos solicitados puede generar demoras en la implementación de las pautas.

Mega Layer 700 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>

IMPORTANTE

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>

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

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 300 x 600

250x800

Especificaciones técnicas banner HTML5

  • Medidas:  300x600px
  • 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)

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 3 piezas:

Premium banner:

Se ubica en la parte superior y se mantiene fijo en la pantalla.

  • Medidas: : 970x350px
  • 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: Infinita

 

Layer

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

  • Medidas: 1000×600
  • Formato: HTML5
  • Peso máximo: 120 kb
  • backup: GIF o JPG. Peso máximo del 120kb

El Layer puede tener fondo transparente y debe tener un botón para cerrarlo (obligatorio).

Ambos botones deben de estar en un div:

<body> <div id="botonCerrar"> Cerrar Anuncio </div> <div id="botonAbrir"> Abrir </div> </body>

Ej. Layer_HTML5 (51kb)

 

 Banner  300×250

Se ubica en la parte superior y se mantiene fijo en la pantalla en mobile

  • Medidas: 300x250px
  • 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: Infinita

*TODAS LAS MEDIDAS SON OBLIGATORIAS

Atención: No se acepta tag completo.

Plazos de entrega: Los materiales deben entregarse como mínimo 48 horas antes de la fecha de lanzamiento de la campaña.
ADVERTENCIA: La falta de alguno de los archivos solicitados puede generar demoras en la implementación de las pautas.

 

 

 

 

Page 3 of 41234