Author Archive

Banner tradicional HTML5 con Video

html5

Características

Medidas: 728x90px, 300x250px, 300x300px, 300x600px, 630x300px, 250x600px, 250x800px, 300x120px, 1320x250px, 980x250px. Consultar por más formatos.

  • Formato: HTML5.
  • Peso máximo: 120kb
  • Gif o JPG de respaldo: Opcional
  • Peso máximo del GIF o JPG: 100kb
  • Loop: No
  • Video: MP4 (hecho a partir del codec H.264).
  • IMPORTANTE: Se deberá dejar un recuadro negro en el diseño del banner que indique que allí debe ir el video.

 

Inclusión de códigos HTML5

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

Descargas

Banner Tradicional HTML (71 kb)

Banners tradicionales HTML5

html5

Características

Medidas: 728x90px, 300x250px, 300x300px, 300x600px, 630x300px, 250x600px, 300x120px, 980x250px. Consultar por más formatos.

  •  Formato: HTML5.
  •  Peso máximo: 120kb
  •  Gif o JPG de respaldo: Opcional
  •  Peso máximo del GIF o JPG: 100kb
  •  Loop: No

ESPECIFICACIONES TÉCNICAS

Cantidad de piezas: 1

ARCHIVO DE EJEMPLO: DESCARGAR

¿CÓMO FUNCIONA?
Este anuncio aparece de manera fija sobre el contenido del sitio. La animación puede tener loop o permanecer en stop una vez que se contabilice la visualización del anuncio.

¿CÓMO SE PROGRAMA?
La creatividad debe estar dentro de un 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. 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, CLICK AQUÍ.
  •  El peso máximo del anuncio debe ser de hasta 30 MB.
  • En caso que la pieza lleve video ver las siguientes especificaciones, CLICK AQUÍ.

El archivo ZIP debe contener en su interior el banner con el siguiente nombre: index.html

El .zip no debe contener carpetas dentro, debe contener los archivos que lo componen directamente.

Todas las rutas de imágenes, css, javascript, etc deben ser relativas, por ejemplo:

imagen1.jpg // OK
http://www.dominio.com/carpeta/imagen1.jpg // MAL

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

grafico

Debemos crear una carpeta para nuestro banner y allí guardar el archivo HTML con toda su creatividad relacionada. 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.

Ejemplo:

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

 

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>

Se realizará una validación al subir el archivo y en caso de que no esté el clicktag o se haya programado de manera diferente a la indicada se mostrará un warning.

Esto es clave porque en caso de subir el archivo sin la correcta implementación la pieza no será clickeable por lo tanto tampoco contabilizará los clicks.

Tener en cuenta que en caso de que se suba un .zip el mismo debe contener un index.html dentro, de lo contrario se considerará inválido.

Banner Mobile 300 x 250

mobile300x250

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: 300x250px
  • Formato: HTML5
  • Peso máximo: 120 kb
  • Gif, JPG o PNG de respaldo: Opcional
  • Peso máximo del GIF, JPG o PNG: 120 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)

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.

 

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×120 , 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.

 

Nuevo formato Take Over Mobile

takeovermobile

Consiste en un anuncio a pantalla completa que al cerrarse deja un banner residual, el cual permite volver a expandir el anuncio. Tiene funcionalidades como video y componentes sociales.

Ver demo online | Especificaciones técnicas.

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

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)

Page 1 of 212