FILMSTRIP

ESPECIFICACIONES TÉCNICAS

filmstrip
Ejemplo del formato

Este formato, de 300×600 px, contiene 5 segmentos de imágenes o video, al hacer scroll sobre el anuncio o sobre las flechas superior/inferior, se visualiza el contenido.

¿CÓMO FUNCIONA?

Este formato, de 300×600 px, contiene 2 segmentos o más de imágenes con o sin video y al hacer scroll sobre el anuncio se irá visualizando el contenido.

¿CÓMO SE COMPONE?

1 banner html.

¿CÓMO SE DISEÑA?

Debe estar tal cual este código en el html:

Ejemplo creatividad con video:

<body style="margin: 0px; padding: 0px;">
<div id="filmstripContenedor" style="overflow: hidden; width: 300px; height: 600px; backgroundcolor:#D8DDE2;">
<div id="filmstripContenido" style="height: 1200px;">
<a onclick="window.open(window.clickTag); return false" href="#!">
<img src="filmstrip1.jpg" alt="" style="display: block;"/>
<img src="filmstrip2.jpg" alt="" style="display: block;"/>
</a>
<div id="VideoFilm">
<video id="v1" width="280" height="200" controls autoplay muted style="margintop:1300px;">
<source src="video.mp4" type="video/mp4">
</video>
</div>
<div>
<body>
  • id: VideoFilm: Se le deben de dar estilos css para posicionar el video en el anuncio. Si no lleva video se debe eliminar el div id VideoFilm.
  •  filmstrip1.jpg/filmstrip2.jpg las creatividades de 300px por 600px cada una; que componen la creatividad final de 300px por 1200px.
  •  id: filmstripContenedor: Lleva de medidas el ancho y alto de las imágenes que conforman la creatividad 300px por 600px.
  •  id: filmstripContenido: Se le debe de verificar que la altura sea la suma de las dos imágenes que conforman la creatividad. Ejemplo si tengo dos imagenes de 300x600px la altura del filmstripContenido será 1200px.

 
filmstrip

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

  • Enviar 1 zip por cada pieza. Ejemplo, el banner consta de 2 piezas, se debe enviar 2 zip por separado, cada una en su carpeta con sus contenidos. Ejemplo
  • El peso máximo del anuncio debe ser de hasta 30 MB.
  • En caso que la pieza lleve video ver las siguientes especificaciones.Ver aquí

 Archivos de 1×1 px para la implementación de anuncios: Descarga aquí.

DEMO