Category: Formatos

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: 120kb
  •  Loop: Sip

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)

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

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.

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í 

 

 

E-mail Marketing

e-mailmarketing

Material a enviar:

  • Diseño HTML
  • Asunto del mail
  • Nombre del remitente (no es una casilla de correo)
  • Cantidad de contactos
  • Segmentación

 Plazos de entrega: Los materiales deben entregarse 72 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.

Detalles para el armado del HTML:

  • Medida Recomendada: 400×600px
  • Peso máximo: 80 kb
  • El HTML debe estar conformado por más de dos imágenes.
  • Las imágenes deben ser absolutas, el HTML debe llamar a las imágenes alojadas en el servidor del anunciante. Con respecto a la codificación de los emails marketing, deben realizarse en utf-8, como este meta: Y los caracteres especiales (acentos, eñes) deben codificarse de la siguiente forma:
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
    http://ascii.cl/es/codigos-html.htm Ver columna HTML Nombre.

Contenido

En email marketing eres lo que envías.

Tu e-mail será filtrado basado en el contenido y esto incluye el texto, HTML y los tipos de enlaces en tu mailer.

Hay palabras que se consideran malas y estas afectarán negativamente a tu reputación, tanto en el asunto como cuerpo, unas muy comunes incluyen:

Descuento, Ahora, Gratis

$$$$, Dinero, Crédito

Es necesario equilibrar tu HTML vs Texto, ya que los filtros de Spam no escanean a través de tus emails y no pueden ver el contenido de una imagen entera y esto causa que bloqueen tu email. Utiliza “alt-text” en las imágenes.

La dirección de email del Remitente es otro factor importante para tener en cuenta, las direcciones de remitente no-reply no son recomendables de usar.

Asegúrate de adherir el nombre de tu compañía, la dirección física junto con el enlace de desuscripción en el footer de tus mailers para que el cliente tenga fácil acceso a desuscribirse si lo desea.

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

300x120

Especificaciones técnicas banner HTML5

  • Medidas: 300x120px
  • 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.

Descargas

Banner HTML Tradicional (71 kb)

Cabezal

240x90

Especificaciones técnicas banner HTML5

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

 Descargas

Banner HTML Tradicional (71 kb)

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).
 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 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).
 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 2 of 41234