Category: Novedades

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

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.

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.

 

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 en .mp4 con codec h264
  • No tiene límites de peso, aunque se recomienda no excederse de 200kb para optimizar la carga del mismo.

 VER DEMO 

Inline mobile

mobile300x250

Cómo funciona:

Este formato consta de una creatividad que inicia desplegada en el medio de una nota dando un efecto de expansión.

Repliega con el efecto de un “Pushdown” hasta desaparecer completamente.

Se cierra automáticamente cuando finaliza el tiempo de visualización (configurable desde la interfaz) o, si tiene video, cuando finaliza la animación.

Además, si tiene video de YouTube o en archivo, el mismo se pausa o continua su reproducción dependiendo de si el banner está en una zona visible de la pantalla o no. Al menos el 70% del banner debe ser visible para que el video se reproduzca.

También se puede incluir un botón de cerrar para que el usuario pueda cerrar el formato cuando desee.

Los videos no tienen autoplay, comienzan a reproducirse solo por acción del usuario.

 

¿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 en .mp4 con codec h264

Permite agregar cualquier video de YouTube (en estos casos el video aparece sin publicidad propia del portal)
Tener en cuenta que el video puede empiezar pausado o en autoplay (Ver checkbox en “Propiedades”) y contabiliza en simultaneo con la cuenta de YouTube.

Propiedades particulares:

  •  ID del video: Se debe completar con el id que se extrae de la url de YouTube. Ejemplo: 1C0n_9DOlwE

 VER DEMO 

Banner 728 x 90

728x90

Especificaciones técnicas banner HTML5

  • Medidas: 728x90px
  • 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.

Descarga

Banner HTML5 (67 kb)

Spincube Mobile 300 x 300

spincube

Cómo funciona

Este formato muestra un banner de 300×300 que tiene 6 páginas o caras, las que pueden ser desplazadas con un efecto de cubo 3D. Adicionalmente cada página/cara puede contener todo tipo de complementos.

Este formato consta de solo 1 banner y a su vez contiene 6 páginas.

Es posible incluir un botón “Cambiar página” en cada una de las desplegadas para poder dar al usuario la opción de mover el cubo. También existe la opción de que la rotación se realice de forma automática cada N cantidad de segundos.

Se deben incorporar los componentes necesarios: Ver documento Componentes.

Cómo cuenta

  • Impresiones/Inicio de anuncio: Cuando carga el anuncio/Cuando se muestra.
  • Clicks: Cuando se aplique la acción de “Clicktag” en algún botón del anuncio, se registrarán los clicks cada ver que el usuario realice esa acción. En el caso de la acción “Ir a una URL”, esta no cuenta clicks, solo realiza una redirección del usuario a la página indicada.
  • Cerrar anuncio: Cuando se aplique alguna acción de “Cerrar” en el anuncio, se contabilizará esta acción bajo “Cerrar anuncio”.

Si tiene 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:

  • 6 jpg 300×300

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.

 

Inline Video

inline

Cómo funciona:

Es una creatividad que inicia desplegada en el medio de una nota dando un efecto de expansión. Está conformada por un video en autoplay con sonido que se activa por mouseover. Al finalizar el video, el anuncio se repliega y desaparece reposicionando el contenido en su lugar original.

¿CÓMO SE PROGRAMA?

  • Se deben indicar las medidas del ancho y alto del anuncio del desplegado.
  • Opcionalmente, se le puede agregar controles para el video y un botón de cerrar, de ser así se debe agregar mediante un div en la creatividad.
  • Se debe agregar la etiqueta con el video en el html. CLICK AQUÍ.

Ejemplo – El video se llama: video.mp4 y mide 300 x 250 px :

<body>
<div id="miCreatividad">
<div id="botonCerrar">
Cerrar Anuncio
</div>
<video id="videoEpl" width="300" height="250" controls autoplay muted">
<source src="video.mp4" type="video/mp4">
</video>
</div>
</body>

 

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. Ejemplo, el banner consta de 2 piezas, se debe enviar 2 zip por separado, cada una en su carpeta con sus contenidos. Ver ejemplo: Armado de piezas. 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í 

 

 

VIDEO PREVIEW

megaintro

¿Cómo funciona?

El formato consta de un layer a pantalla completa con un vídeo que es totalmente responsive.

Cuenta con 5 formas diferente de animación de entrada a la pantalla:

• “RL” – animación de derecha a izquierda (right to left).

• “LR” – animación de izquierda a derecha (left to right).

• “BT” – animación de abajo hacia arriba (bottom to top).

• “TB” – animación de arriba hacia abajo (top to bottom).

¿Cómo se compone?

1 layer html.

1 video.

Cómo se diseña

El formato esta diseñado para que sea una plantilla y no es necesario ningun tipo de programacion, únicamente se debe descargar el .ZIP de la plantilla y sustituir el vídeo.

Se incluyen 5 plantilla las cuales ya cuentan con las diferentes animaciones de entrada del layer, pero si se lo requiere se puede editar un solo parámetro en la funcion EPL.init(tipo_de_transición) en el index.html y se cambia la animación a discreción.

Para sustituir el vídeo:

video.mp4 – corresponde al vídeo del layer.

El .zip también contiene una imagen para el botón de cerrar la cual se puede modificar a gusto.

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

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í

DEMO

 

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

			

Video Counter Expandible

megaintro

¿Cómo funciona?

Consta de un video banner comenzando en sonido off, al realizar rollover con el mouse se activa el sonido y un contador regresivo, al llegar el contador a 0 se expande automáticamente un layer animado y muestra un video que ocupa toda la pantalla.

El layer contiene un botón de cerrar y un texto debajo que indica un contador regresivo para cuando termina el vídeo también. Al finalizar el layer se cierra automáticamente.

Tanto al finalizar como al cerrar manualmente el layer el video inicial se vuelve a reproducir activando nuevamente todo el proceso.

¿Cómo se compone?

1 layer html.

1 video pequeño.

1 video grande.

Cómo se diseña

El formato esta diseñado para que sea una plantilla y no es necesario programar nada, únicamente se debe descargar el .ZIP de la plantilla y sustituir los videos.

Para sustituir los vídeos se basa en los nombres de tales:

video.mp4 – corresponde al vídeo inicial el pequeño ej(300x250px).

video2.mp4 – corresponde al vídeo del layer el grande ej(1280x720px).

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

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í

DEMO

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

			

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

Page 1 of 212