| Posición |
|
|---|---|
| Descripción | Capa creativa superpuesta con animaciones y elementos dinámicos de alto impacto en la primera visualización. Incluye fondo tipo videowall en autoplay y opción de CTA “Ver video”. También es posible cambiar el cursor. |
| Dimensiones | Videowall Relación de aspecto del vídeo: 16:9 (sin bandas negras ni marcos). Vídeo: formato .mp4. CTA: «Ver vídeo», «Play» o cualquier texto definido por el anunciante. Imagen backup (Fondo): 1.920×1.080 px. Imagen completa de campaña, sin incluir el fondo del site. Interior útil general: 1.200 px; XLSemanal 1.210 px. El botón de reproducción debe estar centrado en la parte superior del área visible. VideoLayer (opcional): imagen o recurso adicional superpuesto al vídeo. Custom Layer Custom Layer iframe (obligatorio): 1.920×1.080 px. Cambio de cursor (opcional): 128×128 px o 64×64 px. En los archivos .psd se proporciona una guía visual para ubicación de textos y elementos. Los elementos laterales deben colocarse por debajo de la cabecera y por encima de 900 px de alto (o 600 px para portátiles). |
| Formato | Vídeo: mp4 Fondo: jpg, png Custom Layer: Pieza física HTML. No se recomiendan piezas desarrolladas en Google Web Designer. Cursor: jpg o png |
| ClickTag |
En caso de HTML nativo, para la pieza Custom Layer, se debe implementar el clickTag de la siguiente manera:
1. Declaramos la variable de click
const params = new Proxy(new URLSearchParams(window.location.search), {
get: (searchParams, prop) => searchParams.get(prop),
});
var clickTag = params.c;
2. Luego encapsulamos la capa de click en el contenido de la crea
<a href="javascript:window.open(window.clickTag)">
<img src="PIEZA" style="position: absolute;">
</a>
Para piezas desarrolladas con Adobe Edge Animated es necesario:
1. Añadir el div
<div id="clickTagZone">
<!-- PIEZA CREATIVA -->
</div>
2. Incluir este script que maneja el click
<script>
function getParameterByName(name) {
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
function goToUrl() { window.open(getParameterByName("c"));}
var banner = document.getElementById('clickTagZone');
banner.addEventListener("click", goToUrl);
</script>
|
| Peso máximo | Imagen backup (Fondo): 250 Kb Vídeo: 2,5 Mb Custom Layer: 1 Mb |
| Plazos de entrega | No se admiten piezas con menos de 48h antes de que empiece la campaña, para revisar y corregir errores En caso de presentar las piezas fuera de plazo, el SOPORTE tendrá el derecho de hacer los ajustes técnicos necesarios para poder servirla en los medios acordados, presentando página de pruebas para aprobación final del cliente. |
| Demo | Custom Videowall Experience |
| Comentarios | Se puede combinar con: Robapáginas |