Category: Formatos

AdConnector

ad-connector

AdConnector es nueva funcionalidad que realiza una conexión entre anuncios en una misma página web, permitiendo la interración del usuario con la creatividad del banner.

¿Cómo se programa?

• Descarga aquí el demo

• Prepara tus piezas con las funcionalidades de EMITIR y RECIBIR mensajes.

Funcionalidad para que un banner EMITA un mensaje:

– EPL.sendMessage(message); message = nombre del mensaje.

 

Funcionalidad para que un banner RECIBA un mensaje:

– EPL.onMessage(message, callBack); message = nombre del mensaje, callBack = función a ejecutar cuando reciba el mensaje.

Descarga y agrega la libreria .zip

adconnector_template.zip

ad-connector

Zócalo Mobile 320 x 50

zocalo-mobile

¿CÓMO FUNCIONA?

Este formato es una capa que se posiciona al pie de página y se desplaza verticalmente a medida que el usuario va scrolleando el sitio.

Llama la atención del usuario sin ser un formato invasivo y genera muy buenos resultados.

 

¿CÓMO CUENTA MÉTRICAS?

- Inicio de anuncio: cuando carga el anuncio.

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

- En caso de tener video:

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

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

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

• Anuncio Completo: cuando finaliza el video.

 

  • Medidas: 320x50px
  • Formato: JPG o   HTML5

 

 

PARALLAX

parallaxgif

¿CÓMO FUNCIONA?

El formato cuenta con 3 versiones.

Todas llevan video y están basadas en el efecto “parallax”: Es un anuncio que al hacer scroll sobre el sitio da el efecto de moverse a una velocidad diferente creando un efecto de profundidad y dinamismo sobre el sitio.

 Vertical Video:

Consiste en un banner con efecto parallax, el cual contiene un video que ocupa toda la pantalla del dispositivo. Este formato es ideal para utilizar con videos filmados de forma vertical. No se recomienda con otro tipo de video.

 Basic Video:

Consiste en un banner con efecto parallax, el cual contiene un video. El mismo coloca el video en el centro de la pantalla. Este formato es ideal para utilizar con videos filmados de forma horizontal. No se recomienda con otro tipo de video.

¿CÓMO CUENTA MÉTRICAS?

– Inicio de anuncio: cuando carga el anuncio.

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

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

Materiales a enviar

-Video MP4  que NO supere los  10MB.

Ver ejemplo:

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.

 

Slider 970 x 350

slider

 ¿CÓMO FUNCIONA?

Es una presentación de una serie de imágenes, generalmente estáticas, que se muestran en un orden preestablecido. En este ámbito, se los conoce como sliders o carousels.

  •  Formato: HTML5.
  •  Peso máximo: 120kb
  •  Loop: si

 ¿CÓMO SE COMPONE?

Este formato se compone de cuatro imagenes en HTNL5.

ZIP.1
ZIP.2
ZIP.3
ZIP.4

 ¿CÓMO SE DISEÑA?

Debemos crear una carpeta por cada imagen para nuestro banner y allí guardar el archivo index con toda su creatividad. Luego colocar en la misma carpeta nuestra librería “.js” en: eplBuilder.js* que luego debe ser incluida en el html del banner dentro de la etiqueta head.

Descarga y agrega la libreria .zip

Ejemplo:

<head>
    <script src="eplBuilder.js"></script>
</head>

El Click Tag debe estar programado de esta forma:

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

MATERIALES A ENVIAR:

  •   Enviar 1 zip por cada pieza
  •  El peso máximo del anuncio debe ser de hasta 120kb
  • Fechas  direccion izquierda /direccion derecha.

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 Skin

skin

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

 

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

 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.

FOLDING

folding

Es un banner que mediante click o mouseover se expande imitando el despliegue de un papel por sobre el contenido del sitio. Se repliega con un botón de cierre de forma inversa al despliegue.

¿CÓMO FUNCIONA?

Este formato consta de un banner que mediante click o mouseover se expande imitando el despliegue de un papel por sobre el contenido del sitio. Se repliega con un botón de cierre de forma inversa al despliegue.

¿CÓMO SE COMPONE?

– 1 banner correspondiente a la pieza replegada

– 1 imagen de 900x1200px, correspondiente a la pieza expandida

¿CÓMO SE DISEÑA?
Banner replegado: Debe incluir un botón “abrir” que mediante click o rollover despliegue el anuncio de mayor tamaño.

 <body>
<div id="botonAbrir">
</div>
</body>

Banner expandido: Se debe de colocar en el html las 6 imágenes de 300x600px que conforman la creatividad final de 900x1200px.

Se debe colocar un div con el botón de “cerrar” o la acción rollout según corresponda para replegar al anuncio.

Ejemplo

<body>
<div id="botonCerrar">
</div>
<img src="folding1.png" width="300" height="600">
<img src="folding2.png" width="300" height="600">
<img src="folding3.png" width="300" height="600">
<img src="folding4.png" width="300" height="600">
<img src="folding5.png" width="300" height="600">
<img src="folding6.png" width="300" height="600">
</body>

Las imágenes deberán ser enviadas ya optimizadas en la mejor relación peso/calidad.

folding

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í

Archivos de 1×1 px para la implementación de anuncios: Descarga 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.

Banner a Layer

banner-a-layer

Inicia con un banner fijo que por medio de mouseover o click despliega un layer. El mismo puede cerrarse por botón o al finalizar la animación. Desde el banner se podrá volver a desplegar el layer.

¿CÓMO FUNCIONA?

Inicia con un banner tradicional de tamaño 300×250 que por medio de mouseover o click despliega un Layer de 1000×600 El mismo puede cerrarse mediante botón de cerrar o al finalizar la animación.

El banner tendrá un botón que le permitirá al usuario volver a desplegar el layer si lo requiere.

¿CÓMO SE DISEÑA?

– Banner principal:

Medidas: 300×250 px

Para visualizar el layer se incluirá un botón de “abrir”, mediante la acción de rollover o click,según corresponda.

– Layer:

Medidas: 1000×600

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>

En caso que la creatividad expanda al layer por rollover se debe hacer un div general que este por encima del contenido del banner.

banner-a-layer

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).
  • El clicktag es genérico para todos los tipos de formatos y piezas programadas, la implementación es la siguiente:
     <a onclick="window.open(window.clickTag); return false" href="#!"> </a>

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í
 Importante: Para este formato, 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.

FILMSTRIP

filmstrip

Este formato, de 300×600 px, contiene 5 segmentos de imágenes o video, al hacer scroll sobre el anuncio o sobre las flechas superior/inferior, se visualiza el contenido.

¿CÓMO FUNCIONA?

Este formato, de 300×600 px, contiene 2 segmentos o más de imágenes con o sin video y al hacer scroll sobre el anuncio se irá visualizando el contenido.

¿CÓMO SE COMPONE?

1 banner html.

¿CÓMO SE DISEÑA?

Debe estar tal cual este código en el html:

Ejemplo creatividad con video:

<body style="margin: 0px; padding: 0px;">
<div id="filmstripContenedor" style="overflow: hidden; width: 300px; height: 600px; backgroundcolor:#D8DDE2;">
<div id="filmstripContenido" style="height: 1200px;">
<a onclick="window.open(window.clickTag); return false" href="#!">
<img src="filmstrip1.jpg" alt="" style="display: block;"/>
<img src="filmstrip2.jpg" alt="" style="display: block;"/>
</a>
<div id="VideoFilm">
<video id="v1" width="280" height="200" controls autoplay muted style="margintop:1300px;">
<source src="video.mp4" type="video/mp4">
</video>
</div>
<div>
<body>
  • id: VideoFilm: Se le deben de dar estilos css para posicionar el video en el anuncio. Si no lleva video se debe eliminar el div id VideoFilm.
  •  filmstrip1.jpg/filmstrip2.jpg las creatividades de 300px por 600px cada una; que componen la creatividad final de 300px por 1200px.
  •  id: filmstripContenedor: Lleva de medidas el ancho y alto de las imágenes que conforman la creatividad 300px por 600px.
  •  id: filmstripContenido: Se le debe de verificar que la altura sea la suma de las dos imágenes que conforman la creatividad. Ejemplo si tengo dos imagenes de 300x600px la altura del filmstripContenido será 1200px.

filmstrip

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í

Archivos de 1×1 px para la implementación de anuncios: Descarga aquí.

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.

Video Slider

slider-1024x576

¿CÓMO FUNCIONA?

El formato consta de un video posicionado en el ángulo inferior derecho automáticamente el cual contiene 2 botones: Abrir y Cerrar.

Al abrir el anuncio expande hacia al centro de la pantalla y después mediante animación ocupa en su totalidad la pantalla.

Al replegar el anuncio realiza la misma animación pero en sentido inverso volviendo a su punto inicial en el ángulo inferior derecho.

El formato detecta si el dispositivo es mobile o desktop y permite en mobile agregar una imagen de preview la cual al ser clickeada habilita el video.

¿CÓMO SE COMPONE?

1 Video MP4  que NO supere los  10MB.

1 imágen de preview para dispositivos mobile.

¿CÓMO SE DISEÑA?

El formato esta diseñado para que sea una plantilla y que no sea necesario programar nada.

Únicamente se debe descargar el .ZIP de la plantilla, sustituir los materiales y agregar la librería: “eplBuilder.js” al .ZIP.

Se deben cambiar la imágen de preview para mobile y el video deseado a mostrar.

Los archivos agregados deben llamarse de igual manera que el template: “previewMobile.jpg” y “video.mp4″.

Por mas información visitar nuestra sección de API.

IMPORTANTE

  • Verificar que el .ZIP contenga:
    • La librería: “eplBuilder.js”.
    • Los archivos agregados deben llamarse de igual manera que los del template: “previewMobile.jpg” y “video.mp4″.
  • No requiere de un tag Rich Media, la carga del formato se realiza por autogestión.

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.

Vertical Video Mobile

mobilevideo300x250-1024x576

Cómo funciona:

Este formato consiste en un layer a pantalla completa que aparece ni bien carga la página. La particularidad del formato es que contiene un video (“vertical”) en autoplay.

El formato llevará un botón de cerrar, pero asimismo al finalizar el video se puede optar por cerrar el anuncio automáticamente o reproducirlo nuevamente, entre otras opciones.

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

 

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

 Materiales a enviar

  • Video MP4  que NO supere los  10MB.

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

 

Page 1 of 41234