Digital

Expandible Push

Disponible en
Especificaciones

Dimensiones del creativo: 950 x 90 a 250 píxeles.

Formatos aceptados: HTML5.

Aclaraciones:

El Banner Expandible Push es una creatividad que se muestra en 3 instancias:
1. El anuncio se verá desplegado, cerrándose automáticamente al finalizar. El mismo tendrá un botón para poder cerrarlo si el usuario no desea visualizarlo.
2. El anuncio se verá replegado y tendrá la opción de un botón para poder abrirlo.
3. El anuncio se visualizará desplegado y también tendrá el botón cerrar. La diferencia con la primera instancia es que en ésta el anuncio no se va a cerrar automáticamente al finalizar.

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 DISEÑA?
Se diseña realizando 2 divs en el html con las instancias expandidas y replegadas.

Ejemplo:
<body>
<div id="replegado">...contenido del replegado….</div>
<div id="expandido">...contenido del expandido….</div>
</body>

Si la creatividad abre y cierra mediante botones, estos deben de estar diseñados e incluidos en la creatividad. Cada botón debe encontrarse en un div.

Ejemplo:
<body>
<div id="replegado">
<div id="botonAbrir"></div>
...contenido del replegado….
</div>
<div id="expandido">
<div id="botonCerrar"></div>
...contenido del expandido….
</div>
</body>

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(bannerpage / expandedpage)
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 (bannerpage)
 

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/000000059-expandible-push.zip