ESPECIFICACIONES – CUSTOM LAYER

 

Volver

CUSTOM LAYER
Posición
Ejemplo estático  Ejemplo dinámico
Descripción Formato que consta de un billboard y dos skys obligatorios, junto con un Custom Layer desplegable y de forma opcional un robapáginas.
El Custom Layer da la posibilidad de añadir una capa por encima del contenido donde añadir las animaciones que considere el anunciante. Esta capa tendrá una frecuencia específica cuya media es de 1 impacto cada 8 horas. Es fundamental que, aunque se dejen zonas transparentes para que se vea el site por detrás, estas zonas tengan cierta opacidad para que que se diferencie como publicidad.
En caso de añadir CTA por parte de usuario, se tendrá que negociar con el comercial.
También es posible cambiar el cursor.
Dimensiones Billboard (obligatorio): 1.200x250px.
Skys (obligatorios): 450×1.000px.
Custom Layer (obligatorio): 1.920×1.080 px.
Robapáginas (opcional): 300×600-300×250 px.
Banner (opcional): 320×100-320×50 px.
Cambio de cursor (opcional): 128x128px o 64x64px.
Formato Billboard: HTML o redirect (https).
Skys: HTML, redirect (https) o JPG.
Robapáginas: HTML, redirect (https) o JPG.
Custom Layer: Pieza física HTML .El soporte será el encargado de alojarla. En el caso de recrear una falsa portada se necesitará que el Custom Layer se adapte al diseño del site; es decir, ABC tendrá un diseño y en el caso de regionales o los distintos portales verticales necesitará otro que se adapte perfectamente.
No se recomiendan piezas desarrolladas en Google Web Designer.
Banner: HTML, redirect (https) o JPG.
Para cambio de cursor: imagen JPG o PNG.
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 Billboard: 250Kb
Robapáginas: 250 Kb
Skys: 250 Kb todos los formatos.
Custon Layer: 1 Mb.
Banner: 50 Kb.
Especificaciones más detalladas de cada formato Billboard (Desktop)
Robapaginas Doble (Desktop y mobile)
Robapaginas (Desktop y mobile)
Skys (Desktop)
Banner (Mobile)
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 Layer
Comentarios Se puede combinar con: Robapáginas + Custom Cursor
Equivalente: Inboard Desplegable