Digital

Anuncio Previo

Disponible en
Especificaciones

Dimensiones del creativo: 1000 x 540 píxeles.

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.

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.

 

 

 

 

Especificaciones técnicas para el clickTag:

El clickTag es genérico para todos los tipos de formatos y piezas programadas, la implementación es la siguiente:

<a onclick="window.open(window.clickTag); return false" href="#!"></a>

Si requerimos que un á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>

Englobamos nuestro elemento HTML con la etiqueta <a> para que se aplique la zona activa.

Descargar pieza ejemplo:

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