ESPECIFICACIONES – CUSTOM INTERSCROLLER

Volver

CUSTOM INTERSCROLLER
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