Digital

Take Over con Video

Disponible en
Especificaciones

Dimensiones del creativo: 1000 x 540 píxeles (pieza principal) y 950x90 (pieza residual).

Opcional: Logo de 25 píxeles de alto sobre fondo blanco.

Formatos aceptados: HTML5.

Aclaraciones:

La creatividad se muestra al ingresar al sitio, ocupando toda la pantalla, y debe tener un botón que permita cerrar el anuncio. La leyenda “Saltar anuncio” deberá visualizarse de forma clara y visible durante todo el loop infinito, ubicándose sobre el extremo derecho e inferior de la creatividad. En el sitio queda remanente un banner residual que permite, con un botón, poder volver a ver el anuncio. Si se desea la creatividad puede comenzar con el banner residual.

Creatividades en HTML5:

Materiales a entregar: Es importante cumplir obligatoriamente con todos los pasos. El anuncio junto con todos sus archivos y recursos que utilice deben ser enviados o cargados en formato zip. El anuncio dentro del zip debe contener obligatoriamente el nombre de “index.html” y todas las rutas de imágenes, css, javascript, etc deben ser relativas (por ejemplo: video.mp4 // OK http://www.dominio.com/carpeta/video.mp4 // MAL). En la siguiente imagen, se describe como se debe armar el zip:

envio-piezas

¿CÓMO SE PROGRAMA?
» Banner residual: para visualizar el layer se incluirá un botón de “abrir”, mediante la acción de rollover o click, según corresponda.
» Layer: puede tener fondo transparente y debe tener un botón para cerrarlo (obligatorio).

Ambos botones deben de estar en un div:
Ejemplo:

<div id="botonCerrar">
 Cerrar Anuncio
</div>
<div id="botonAbrir">
 Abrir
</div>

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

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.

Insertar video en la creatividad:

El video debe ser MP4, con codificación estándar (H264 lo recomendado) y estar incluido dentro del zip. Las urls en el HTML5 que lo llamen deberán ser relativas.

Se recomienda previamente chequear si el video funciona correctamente en Chrome y Firefox, a modo de testing nomás.

El video debe ser llamado en el HTML mediante el tag <video> y el source correspondiente:

<video id="v1" width="320" height="320" controls autoplay muted>
<source src="video.mp4" type="video/mp4">
</video>

Peso máximo permitido del video: 3 MB.

Descargar pieza ejemplo:

http://www.e-planning.net/public/formatos/000000053-preview.zip