Cargando...

Expandible Push 970x90x350

¿CÓMO FUNCIONA?

Este formato se compone de un anuncio que expande empujando el contenido del sitio. Se muestra en 3 instancias:

1)El  anuncio  aparece  desplegado desplazando el contenido del sitio, se cierra automáticamente al finalizar la animación o por el botón cerrar.

2) El anuncio se ve replegado y presenta un botón para poder abrirlo. Al replegarse el contenido del sitio vuelve a su lugar original.

3) El anuncio se ve desplegado pero no se cierra hasta que el usuario no haga click en el botón cerrar.

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

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

Deja un comentario