MSN Sidekick Dificultad Alta Antes de empezar a trabajar con este formato recomendamos revisar atentamente todas las especificaciones técnicas de el final de este documento. - Preview urls: MSN Spain: http://clients.adrime.com/files/campaigns/2302284527/10085/ES_msn.es_022011_index.html MSN Netherlands: http://clients.adrime.com/files/campaigns/2302284527/10085/NL_msn.nl_112010_index.html Funcionamiento de la pieza: El formato Sidekick consta de cuatro fases. Al comienzo veremos en nuestro navegador un leaderboard arriba en el centro (728x90 px.), un robapáginas con vídeo (300x250 px.), un Wallpaper gigante y un layer que aparece inicialmente durante una duración determinada. Una vez que termina el Layer, siempre podremos volver a verlo pulsando en el botón "Replay". Asimismo tendremos siempre la opción de ocultar/mostrar el Wallpaper pulsando el botón "Hide Skin / Show Skin". Al pinchar en el botón "Push page for info", toda la página se desplaza hacia la izquierda, haciendo el conocido efecto Sidekick. Al pulsar en el botón Cerrar ("Sluiten") volveremos al estado inicial del formato: Desarrollo de la pieza con los Templates El Template consta las siguientes piezas: Un archivo Javascript que se entregará al soporte, "adrime_sidekick_script.js" Un .jpg para el fondo de la página, "wallpaper.jpg" Un vídeo en formato .flv, "video.flv" Un layer que sólo se muestra la primera vez que el usuario ve la pieza, "attentionLayer_200x200.fla" y "attentionLayer_200x200.swf" Un leaderboard de 728x90 posicionado arriba en el centro, " leaderboard_728x90_layer.fla" y "leaderboard_728x90_layer.swf" El Sidekick que aparece sólo cuando el usuario interactua con el robapáginas, "sidekick_layer_700x1200.fla" y "sidekick_layer_700x1200.swf" Un Robapáginas con vídeo de 300x250, se trata del controlador, el que lanza el sidekick y muestra u oculta el wallpaper, "rectangle_300x250.fla" y "rectangle_300x250.swf". Empezaremos a trabajar con el Wallpaper, en el .jpg del template se pueden observar perfectamente qué áreas serán visibles dependiendo de la resolución de pantalla del usuario. Aunque el Wallpaper siempre irá centrado en la página recomendamos editar este mismo y subirlo a la plataforma con el mismo tamaño. En referencia al vídeo, el formato ha de ser .flv, deberá denominarse al mismo como "video.flv" para que el componente Videoplayer lo pueda reproducir. Es necesario seguir estrictamente las especificaciones de MSN para el tratamiento de vídeo. A continuación veremos los .fla de nuestras piezas. En principio la forma de trabajo es análoga al resto de piezas de Weborama/AdRime, simplemente se trata de modificar el template sin cambiar los componentes y programación de los mismos. Primero el Attention Layer. Es necesario tener en cuenta que en MSN no se puede tapar la barra de canales, en ese caso habría simplemente que ajustar la posición del componente "Positioner". El formato del layer tiene también sus especificaciones (tamaño, tiempo), consultar especificaciones al final. En cuanto al leaderboard, podemos modificar la creatividad respetando los componentes: El Rectangle (controlador). Para esta pieza sobre todo habrá un gran trabajo de customización de los botones: Sonido on/off, play/pause, Replay, Hide/Show Skin y Push Page for Info. Esta pieza lleva insertado el componente Videoplayer que reproducirá nuestro vídeo. Finalmente la pieza Sidekick. Es la que aparece por la derecha de nuestro navegador cuando el usuario pulsa en el botón "Push page for info": El siguiente paso es acceder a la plataforma AdRime con el login y password proporcionados para subir las piezas, subiremos los cuatro .swf, el .flv, y el Wallpaper. Este es el Display Position para la pieza: Por último, llegaremos al preview de la pieza, donde nos aparecerá esta pantalla: Podemos también hacer un preview de la pieza en modo debug para comprobar que todos nuestros trackings funcionan perfectamente: Terminada la pieza, lo notificaremos a Weborama para su aprobación. - Especificaciones técnicas del formato Formato / Tamaño Tamaño inicial Peso del archivo (GIF/JPG) Peso máx. de descarga archivo inicial Especificaciones / límite de audio Límite de loops / de la animación Límite del texto altern. Robapáginas 300x250 300x 250 40k 40k Se activa sólo tras el clic del usuario; duración: 15 segundos Permitido; duración: 15 segundos 65 caracteres Formato Skin de MSN – Zona del desplazamiento lateral del Sidekick: La función del desplazamiento se inicia con F1 on mouse over con delay de 2 segundos en el 300x250. El resto de impresiones on release, el usuario hace clic en el robapáginas 300x250 e inicia el desplazamiento de la página hacia la izquierda. El desplazamiento inicial de la página es hacia la izquierda y debe dejar visible el formato 300x250 (véase los pantallazos incluidos más adelante). La creatividad debe incluir un botón de Cerrar que se vea con facilidad. Cuando se hace click en el botón de cerrar, la home volverá a su lugar original, desplazándose a la derecha ESPECIFICACIONES: Fondo del Sidekick: o Peso del archivo: 150 k o Versión de Flash 9 y anteriores o Duración máxima de la animación: 15 segundos o El skin puede ser clicable o no – La creatividad debe incluir un botón de Cerrar que se vea con facilidad. Vídeo del Sidekick Vídeo: Se servirá en emplazamientos de 720 píxeles como mínimo (1280 x 720) – de esta forma, hay espacio suficiente para utilizar la página distribuida en 3 áreas. El vídeo también es exportable a MPU de 300x250. Las creatividades en vídeo pueden utilizar las tres áreas en que está dividida la página para obtener un área de visualización mayor – utilizando el MPU de 300x250 con vídeo más el fondo de escritorio Peso del archivo: 2,2 MB Tipo de archivo: Rich Media / Flash / Vídeo Formatos de vídeo – solicítele al proveedor de formatos Rich Media los tipos de formatos y soportes permitidos Otras Especificaciones Requisitos Generales de Diseño La tasa de FPS (Frames por Segundo) no debe ser superior a 18. Si ésta fuese superior a 18, muchos de nuestros usuarios verían el vídeo con una calidad muy pobre y por este motivo, no está permitido. El audio lo debe iniciar el usuario y no se iniciará nunca de forma automática. El audio de un archivo flash no puede empezar antes del segundo frame. Si la creatividad lleva audio, debe incluir un botón de audio on/off para el usuario. Todas las creatividades DHTML deben incluir una creatividad alternativa para aquellos usuarios que no tengan en su ordenador el IE 4.0 o superior. La animación en el emplazamiento 300x250 no puede superar los 15 segundos de duración. Los loops son ilimitados durante 15 segundos. Optimice el uso de la animación: La animación debería ser fluida y sutil, con movimientos lentos y fundidos suaves. Está demostrado que los movimientos rápidos y bruscos resultan muy irritantes. Es necesario evitar las creatividades que “atraviesen” la página o que perjudiquen a los contenidos. El anuncio se abre en un nuevo navegador.