| Posición | ![]() |
|---|---|
| Descripción | Formato de alto impacto que combina una ejecución custom con un espacio Interscroller integrado en el centro del body del sitio. Se trata de un “break” visual dentro del contenido editorial donde se habilita un hueco a lo ancho del body para servir un video, generando una pausa natural y altamente visible en la navegación. |
| Dimensiones | Custom Layer Imagen Billboard: 1.200×250 px. Script Billboard: código HTML/script del Billboard embebido en el Custom Layer. Custom Layer: 1.920×1.080 px. Interior útil: 1.200 px; XLSemanal 1.210 px. Elementos laterales por debajo de la cabecera y por encima de 900 px de alto (600 px para portátiles). Interscroller OPCIÓN A Video InterScroller – vídeo .mp4, relación de aspecto 16:9, sin bandas negras ni marcos. Máx. 20 seg. OPCIÓN B Imagen InterScroller – imagen estática jpg/png. Dimensiones: 1.200×600 px (referencia desktop). Imagen completa de campaña, sin incluir el fondo del site. |
| Formato | Video InterScroller: mp4 Imagen Billboard: html, jpg, png Imagen InterScroller: jpg, png Custom Layer: Pieza física HTML. No se recomiendan piezas en Google Web Designer. Script Billboard: HTML / redirect (https) |
| ClickTag |
En caso de HTML nativo, tanto para la pieza Custom Layer como para el billboard (si es enviado como html), 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 Billboard: 250 Kb Custom Layer: 1 Mb Imagen InterScroller: 250 Kb Video InterScroller: 2,5 Mb |
| Demo | Custom Interscroller |
| Comentarios | Se puede combinar con: Robapáginas + Custom Cursor Equivalencia mobile: Robapaginas scroll |