Author Archive

FOLDING

000000061_imagen_hover.gif 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.

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

BANNER A LAYER

000000056_imagen_hover

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:

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

– Layer:

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.

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í

			

FILMSTRIP

000000078_imagen_hover.gif filmstrip

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.

 

Video Slider 320 x 240

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

¿CÓMO SE COMPONE?

1 video.

1 imágen de preview para dispositivos mobile.

 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)

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.

Page 1 of 212