Flotante
Fecha de última modificación January 26, 2010  |
Base | 300×250 ó 350×200, SWF de 40 KB, Flash 9 AS2 o inferior |
| Contenido flotante | 300×300 pixeles (90.000 píxeles cuadrados) | |
| Escenario flotante | SWF transparente de 770×400, 40 KB, Flash 9 AS2 o inferior | |
| Imagen | 300×250 ó 350×200, GIF o JPG de 40 KB | |
| Duración | 10 segundos | |
| Frecuencia | Una vez al día por usuario | |
| Restricciones |
|
|
| Ayuda de Flash | Encuentre información de utilidad, por ejemplo cómo crear un botón, en las Instrucciones técnicas | |
| Plazo de entrega | 5 días laborables | |
| Audio y vídeo | El vídeo está permitido bajo ciertas condiciones en el elemento flotante (ver más detalles abajo). El sonido no está permitido. | |
| Third party serving | Disponible, detalles a continuación | |
| Third party tracking | Click commands y un 1×1 píxel por anuncio | |
| Instrucciones | Todos los anuncios deben seguir estas instrucciones de Yahoo! |
Un evento flotante es una excelente de interrumpir la experiencia cotidiana del usuario en la página Yahoo! Home Page para atraer su atención hacia su marca. Se debe conseguir un equilibrio entre el máximo impacto y una experiencia positiva para el usuario, a fin de proteger su marca y satisfacer las necesidades del usuario.
Ejemplos
Materiales para el montaje
- SWF y FLA de 770×400 (40 KB) que contiene el escenario transparente y elementos visibles
- SWF, FLA de unidad base de 300×250 ó 350×200 (40 KB) e imagen de respaldo JPG/GIF (40 KB). Las especificaciones detalladas de la unidad base se pueden encontrar aquí
- Incluya también las fuentes que pueden ser necesarias para publicar los archivos FLA
El escenario flotante
El concepto clave para captar en qué consiste un evento flotante es el escenario flotante: un área rectangular transparente donde los elementos visibles del evento pueden moverse libremente. Esto no significa un bloque sólido de 770×400 de contenido de anuncio que en ocasiones recibimos. La idea es crear algo inesperado pero no intrusivo. De manera que, del mismo modo, el elemento visible en este escenario flotante transparente tampoco debe ser un bloque rectangular. Puede tener la forma de su producto (un coche, por ejemplo) o varios componentes de su mensaje virtual (burbujas por diversión, por ejemplo). El área total combinada de estos elementos visibles debe ser inferior a 90.000 píxeles cuadrados (300×300). Ésta es una unidad que hemos diseñado (creemos) para dar más énfasis a que el límite que colocamos en el área de ubicación de los elementos visibles no limite su forma.
Botón de cierre
El overlay flotante debe contener un botón de cierre que contenga la palabra “Cerrar”. El botón de cierre debe ser claro y visible mientras dure el overlay flotante. También es posible mover el botón de cierre o usar nuestros botones de cierre predeterminados a fin de asegurarnos la mejor experiencia de usuario posible.
La experiencia de eventos
Después de cargar la página Yahoo! Home Page por primera vez en el día de un evento flotante, el overlay flotante se reproducirá automáticamente en el navegador del usuario. La unidad base puede reproducirse simultáneamente o después de que el overlay flotante se haya completado. En las visitas posteriores, el usuario sólo puede ver la unidad base 300×250 ó 350×200. Sin embargo, siempre hay un Text link “Reproducir” debajo de la unidad base para reproducir el overlay flotante. La unidad base en sí también puede contener el botón “Reproducir” para la misma finalidad.
Debido a las maneras en que los diversos complementos de Flash de los diferentes navegadores controlan las transparencias de Flash, utilizamos una solución “flotante de 2 clics” para todos los navegadores excepto Internet Explorer. Esta solución significa un evento flotante ahora se muestra en todos los navegadores principales (Internet Explorer, Firefox, Safari y Chrome) en la página Yahoo! Home Page. Sin embargo, en los navegadores (excepto en Internet Explorer) las áreas transparentes del escenario flotante actúan como botón de cierre. Pronto tendrá a su disposición un documento para tratar el problema y la solución de forma detallada.
Vídeo en el elemento flotante
Está permitido incluir un vídeo ligero de no más de 150Kb en el elemento flotante. El resto de las especificaciones que rigen para el flotante deben cumplirse. Esto significa que el vídeo que ha de implementarse será un vídeo con canal alfa (no estamos hablando de un bloque rectangular). Sería también inapropiado usarlo para mostrar contenidos como el tráiler de una película. Es mejor incluir este tipo de vídeos como parte o complemento de un elemento fijo en la página, o bien, que éste sea iniciado por el usuario, lo cual permitiría incrementar tanto el peso como la duración de la acción. Otro aspecto importante es que un vídeo transparente con canal alfa tiene un comportamiento distinto al de una película flash transparente. En este caso, las áreas transparentes del vídeo bloquean el acceso a los contenidos que se sitúan por debajo de él, por lo que el área transparente se programará finalmente como un botón transparente que cerrará el elemento flotante en caso de que el usuario haga clic sobre ella. Los siguientes ejemplos muestran un excelente uso del vídeo dentro del elemento flotante y aportan un valor visual añadido, en tanto que preservan un buen comportamiento en lo referente a la carga y no resultan en absoluto intrusivos:
Ejemplos:
Third Party Serving
Aprobado: Eyeblaster
Otras notas
- El contenido flotante no puede aparecer por encima del título de la historia principal en el módulo Hoy en Yahoo!
- El botón de cierre no debe cubrir la imagen del módulo Hoy en Yahoo!
- El punto más alto en el que puede comenzar el escenario flotante es desde la parte superior de la imagen del módulo Hoy en Yahoo!
- Sólo los elementos visibles son enlazables: todas las transparencias deben estar configuradas como ‘true’ y no contener elementos que impidan al usuario acceder al contenido de la página
- Debe tener un botón de cierre claro y visible con la palabra ‘Cerrar’ mientras dure el elemento flotante
- No cubre nunca el botón Correo superior, la cabecera ni la navegación del lado izquierdo
- El elemento visible no debe ser un bloque rectangular
- Los elementos visibles no deben cubrir la misma parte del contenido de la página durante demasiado tiempo; deben seguir moviéndose
¿Dónde se puede ejecutar?
Eurosport- Flickr
- Yahoo! Answers
- Yahoo! Cars
- Yahoo! Finance
Yahoo! Front Page- Yahoo! Games
- Yahoo! Groups
- Yahoo! Horoscopes
- Yahoo! Lifestyle
- Yahoo! Local
- Yahoo! Mail
- Yahoo! Messenger
- Yahoo! Mobile
- Yahoo! Movies
- Yahoo! Music
- Yahoo! News
- Yahoo! Travel
- Yahoo! TV
- Yahoo! Video
- Yahoo! Weather
- Yahoo! Web Messenger
- AOL DE Email
- AOL DE Front Pages
- AOL DE Network
- AOL FR Email
- AOL FR Front Pages
- AOL FR Network
- Bebo
- Comareg (ParuVendu)
- ComingSoon
- Dailymotion
- DonnaD
- Kelkoo
- laposte.net
- Last.fm
- Netlog
- onlinewelten.com
- Softonic
- Sport24
- sueddeutsche.de
- we7
- Direct Response (Top 250)
- Run of Yahoo! Network
Instrucciones
Todos los anuncios deben seguir las especificaciones de Yahoo!
