mobile-logo

ESPECIFICACIONES – CARETA

Volver

CARETA
Posición
Descripción Creatividad formada por dos partes. La primera es una pieza de 1.200×90 o 1.200×250 px y la segunda es una pieza que puede ser máximo de 1.200×1.000 px que aparece con efecto fade o slide hacia abajo.
Pueden ser de los siguientes formatos:

  • Si la pieza es una imagen estática se necesitarán dos piezas en formato jpg o png. La pieza contraída será de 1.200×90 o 1.200×250 y la pieza exandida un máximo de 1.200×1.000 px.
  • En el caso de lanzar un redirect o un HTML tan solo será necesario una única pieza que hará el mecanismo de lanzar una pieza contraída y otra expandida, este mecanismo tiene que venir ya programado en la pieza que se mande y manteniendo las especificaciones de tamaño anteriormente descritas así como las restricciones que se especifican más abajo.

En el primer impacto (frecuencia 1) la segunda pieza puede expandir automáticamente. En los siguientes se expandirá bajo interacción del usuario, posando el ratón encima de la creatividad sin hacer click, con un retardo de 3 segundos.
Video/audio El player debe mostrar los controles de play, pause, stop y volumen.
El player debe empezar en silencio (mute) y no debe estar en loop infinito, pero se puede añadir un botón de replay.
El player puede estar en autoplay siempre y cuando el vídeo/audio no supere los 1Mb de peso
Dimensiones En el caso de imagen estática serían 2 piezas:
Pieza contraida: 1.200×90 o 1.200×250 píxeles.
Pieza expandible: a máximo 1.200×1.000 píxeles;
En el caso de redirect o html será una única pieza, para las medidas se tendrá que tener en cuenta las anteriores para cuando la pieza esté contraída y/o expandida.
Formato jpg, png, html5, redirect (https)
Peso máximo 250 Kb pieza. Carga inicial: 250kb. Carga secundaria: 500 kb.
ClickTag En caso de HTML se debe implementar el clickTag de la siguiente manera:

 

1. Insertar código de librería Smart en el HEAD

<script src="//ns.sascdn.com/diff/templates/js/banner/sas-clicktag-3.1.js">
</script>

2. Declaramos la variable de click

<script>
var clickTag = "http://www.theclickthroughurl.com";
</script>

3.  Luego encapsulamos la capa de click en el contenido de la crea

<a href="javascript:window.open(window.clickTag, '_blank')">
<div>Creatividad</div>
</a>








Restricciones
Si la pieza se manda en un tag redirect:

La pieza expandible debe tener siempre visible el ASPA de cierre.

Si la pieza expandible contiene vídeo, el player debe tener los controles de play, pause y stop.

La pieza expandible, debe contraerse al hacer click en el ASPA de cierre, o a los 7 segundos tras terminar la animación.

En caso de pieza HTML:


    

  1. Sólo se aceptarán piezas en HTML nativo (No se admiten piezas desarrolladas en Google Web Designer/Adobe Edge Animated).
    2. 

  2. Para traficar campañas HTML5 en SMART es necesario disponer de un archivo .zip que incluya el archivo HTML5 y los archivos de referencia.
    3. 

  3. Para que SMART reconozca este formato el archivo html debe llamarse siempre «index.html».
    4. 

  4. El index deben tener todas sus referencias externas (con url absolutas) y/o con los estilos y javascript inline. En caso excepcional de incluir url relativas, máximo 10 peticiones.
    5. 

  5. El consumo de CPU no debe sobrepasar el 30% bajo un equipo con core i5.
    6. 

  6. La carga inicial en condiciones normales de red (wifi o 4G) no debe exceder de 100 Kbs.
    7. 







Valor z-index
Pieza estándar z-index = 9

Pieza expandible z-index = 900000		




Demo
Careta