| Posición |
![]() |
|---|---|
| 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 |