Zócalo

ESPECIFICACIONES TÉCNICAS

zocalo
Ejemplo del formato

¿Cómo funciona?

Este formato consta de un layer inicial que se puede ubicar en cualquier margen del sitio, controlándose desde la plataforma. El anuncio se expande por acción el usuario dando lugar a un layer expandido. Ambas etapas pueden cerrar la creatividad pero sólo el expandido puede contraer. Puede llevar un video (opcional).

¿Cómo se compone?

1 Layer principal
1 Layer expandido

¿CÓMO SE DISEÑA?

- Zócalo:

Para visualizar el layer se incluirá un botón de “abrir”, mediante la acción de rollover o click, según corresponda. El zócalo también puede llevar boton para cerrarse.

- Layer:

El Layer puede tener fondo transparente y debe tener un botón para cerrarlo (obligatorio).

Ambos botones deben de estar en un div:

Ejemplo:

<body>
<div id="botonCerrar">
Cerrar Anuncio
</div>
<div id="botonAbrir">
Abrir
</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

  • 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í

 Click Tag

El Click Tag debe estár programado de esta forma:

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

Si se requiere que una á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>

Ejemplo TML (68 kb)