Mega Expandible Push 970x90x350

ESPECIFICACIONES TÉCNICAS

expandible
Ejemplo del formato

¿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 COMPONE?

1 html con sus dos instancias: expandida y replegada.

¿CÓMO SE DISEÑA?

1 html con sus dos instancias: expandida y replegada.

Expandido  970x350px   replegado: 970x90px

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(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:

  •  El peso máximo del anuncio debe ser de hasta 30 MB
  • El anuncio junto con todos sus archivos y recursos que utilice deben ser enviados cargado en formato zip.
En caso que la pieza lleve video ver las siguientes especificaciones.Ver aquí

Expandible Push con Video

Para contabilizar métricas en un video primero se debe agregar el tag al html correspondiente, por ejemplo:

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

Principalmente nos encontramos con el tag “<video>” y dentro del mismo el se encuentra el tag “<source>” que corresponde a la dirección del video a cargar.
El tag vídeo debe tener un id especificado, en este ejemplo es: “video1”, para poder realizar que contabilice métricas es necesario utilizar la función EPL.setvideo, la cual recibe como parámetro el id del video, en nuestro caso de ejemplo quedaría de la siguiente forma: EPL.setvideo(“video1”);

Automáticamente, la librería de richmedia reconoce el video y ajusta las métricas a sus controles.
Los formatos richmedia soportan hasta 5 videos:

EPL.setVideo(“video1”); //ok
EPL.setVideo(“video2”); //ok
EPL.setVideo(“video3”); //ok
EPL.setVideo(“video4”); //ok
EPL.setVideo(“video5”); //ok
EPL.setVideo(“video6”); // ERROR


Opciones de video:

En caso de necesitar que un video comience en auto play, pausa, sonido on/off, se debe setear directamente del tag “<video>” con las propiedades correspondientes.
En el próximo ejemplo mostramos como realizar un video que comienza con sonido off, en auto play y con controles visibles:
<video id=”v1” width=”320” height=”320” controls autoplay muted> <source src=”video.mp4” type=”video/mp4”> </video>
Las propiedades marcadas en rojo en la etiqueta son las seteadas.

 

En la siguiente imagen, se describe como sería el armado del zip:

grafico