Annonce prédimensionnée sur la page Aujourd hui de Windows Live Messenger Dernière mise à jour : le 26 juin Expérience de l utilisateur

Transcription

1 Expérience de l utilisateur Annonce prédimensionnée sur la page Aujourd hui de Windows Live Messenger Dernière mise à jour : le 26 juin L utilisateur visite la page Aujourd hui de Windows Live Messenger. L annonce Flash apparaît dans un bandeau publicitaire de 180 x 150 et se déploie au-dessus du contenu de la page dans les zones définies, comme dans l exemple ci-dessous. 2. Après 10 secondes, l annonce Flash en surcouche est réduite à une image de 180 x 150 dans le coin inférieur droit de la page. 3. L utilisateur peut relancer la lecture de l annonce en surcouche en cliquant sur un appel à l action permettant de déployer l annonce. 4. Si l utilisateur n a pas installé Flash ou ne peut pas voir les annonces multimédias enrichies, un bandeau par défaut (180 x 150, GIF ou JPG) est alors présenté. Exemple : 1 sur 8

2 CONCEPTS Concept du panneau extensible : Largeur Hauteur N bre max. Taille du de fichier caractères Taille du fichier Flash Types de fichiers servis par Microsoft Types de fichier servis par des tiers s.o. s.o. 40 Ko Flash 6.0, Flash 7.0, Flash 8 Aucun Fichiers SWF supplémentaires chargés (sous-fichiers SWF) : Largeur Hauteur N bre max. de caractères Taille du fichier Taille du fichier Flash Types de fichiers servis par Microsoft Types de fichier servis par des tiers s.o. s.o. 2,2 Mo Flash 6.0, Flash 7.0, Flash 8 Aucun Concept par défaut : Largeur Hauteur N bre max. de caractères Taille du fichier Taille du fichier Flash Types de fichiers servis par Microsoft Types de fichier servis par des tiers s.o. 40 Ko s.o. GIF, JPEG Aucun Exigences supplémentaires : Type de produit Dimensions totales Audio Rectangle 180 x 150 Activé sur clic d utilisateur seulement Panneau déployé 555 x 360 Activé sur clic d utilisateur seulement Durée maximale de l animation (secondes) : Jusqu à 30 secondes en lecture automatique; illimitée lors des interactions Jusqu à 10 secondes, automatique Nombre maximal de boucles Activé par l utilisateur seulement Activé par l utilisateur seulement EXIGENCES PUBLICITAIRES La vitesse de défilement ne doit pas dépasser 30 trames/seconde. Un nombre plus élevé de trames compromettra la qualité pour bon nombre d utilisateurs et n est, par conséquent, pas permis. Cette annonce est constituée de deux fichiers Flash distincts : o Bandeau SWF de 180 x 150 : Taille initiale du fichier Flash pour le bandeau : 40 Ko o Panneau extensible SWF de 555 x 360 : Taille initiale du fichier Flash pour le panneau : 40 Ko Bandeau par défaut : 40 Ko, GIF ou JPG. Taille initiale du fichier Flash pour le panneau : 40 Ko. Pour les vidéos à charger supplémentaires, leur taille individuelle dans le panneau ne doit pas dépasser 2,2 Mo. Utilisez l animation avec précaution : Veillez à ce que l animation soit coulante et fluide, et qu elle utilise des mouvements lents et des fondus doux. Les mouvements rapides et brusques sont reconnus comme étant très irritants. Évitez les créations qui percent la page ou qui en bafouent le contenu. La vidéo Flash peut être lancée automatiquement. 2 sur 8

3 Elle doit toujours comporter des commandes agissant sur l ensemble de l expérience, c.-à-d. ARRÊT, PAUSE, LECTURE, SOURDINE, ainsi que la possibilité de fermer la partie déployée. Nous recommandons que la vidéo Flash soit intégrée à la section déployée afin d offrir plus de commodité et d espace par rapport à la section de 180 x 150. Pour la publicité en surcouche, la fréquence maximale est de une fois par identifiant mondial unique (globally unique identifier, GUID) par jour. Une fois cette dernière atteinte, une annonce extensible activée par l utilisateur est présentée. Il s agit de la configuration d annonce actuelle, sans affichage automatique. Le concept pour le bandeau de 180 x 150 doit comporter une bordure de 1 pixel (gris [#666666] ou noir recommandé, bien que toute couleur distinguant nettement l annonce du contenu puisse être utilisée). L utilisateur doit être en mesure de contrôler l ensemble de l expérience, c.-à-d. fermer, déployer. La portion déployée de l annonce doit toujours comporter un bouton FERMER dans le coin supérieur droit. Le son doit être activé par l utilisateur. Il ne doit jamais être activé automatiquement. Si le concept intègre des éléments audio, un bouton d activation et de désactivation doit être inséré pour les utilisateurs. Les fichiers Flash doivent être publiés en versions 6.0, 7.0 et 8.0. Fichiers SWF\FLA supplémentaires : trois, en tout (y compris l annonce initiale) plus de détails cidessous. La page de redirection des annonces s ouvre dans une nouvelle fenêtre de navigateur. Exigences liées à la section extensible : o Le panneau doit comporter une animation de transition à l activation et à la fermeture. (De 2 à 3 secondes.) o Par exemple : L animation commence dans le coin inférieur droit du panneau et se déploie jusqu au coin supérieur gauche du panneau afin de lier la petite annonce résiduelle au panneau déployé. o Les panneaux qui apparaissent sans transition et qui ressemblent à des fenêtres-pub ne sont pas tolérés par les utilisateurs, et peuvent nuire considérablement au succès de votre annonce. Bandeau - Étape par étape : 1) Créez un nouveau document Flash. 2) Réglez la taille du cadre à 180 x ) Réglez la vitesse de défilement à 30 trames par seconde. 4) REMARQUE : Les actions et les étiquettes sont sensibles à la casse. 5) Le bandeau doit comporter un appel à l action invitant l utilisateur à accéder au site, au message et aux éléments visuels de l annonceur, ainsi qu un bouton Survoler pour déployer ou DÉPLOYER afin que l utilisateur puisse RELANCER LA LECTURE de la partie déployée de l objet Flash. Ce bouton doit être présent pendant toute la durée de l animation. 6) Exportez l objet Flash au format SWF 6, 7 ou 8. 7) Aucun code ActionScript n est nécessaire pour déployer le panneau ou effectuer le suivi des clics pour le bandeau. Le code servant à déployer l annonce sera inséré automatiquement lorsque tous les éléments auront été fournis. Remarque : Le bandeau vise exclusivement à animer ou à présenter; il ne peut pas contenir d événements actionnés par la souris ou des clics. 3 sur 8

4 Section extensible (panneau) - Étape par étape : 1) Créez un nouveau document Flash. 2) Réglez la taille du cadre à 555 x 360. N oubliez pas que la couleur d arrière-plan ne sera pas prise en compte et que celui-ci sera transparent. 3) Réglez la vitesse de défilement à 30 trames par seconde. 4) REMARQUE : Les actions et les étiquettes sont sensibles à la casse. 5) Le panneau doit comporter un bouton de fermeture dans le coin supérieur droit. REMARQUE : Les étapes des sections Activités de suivi dans l animation Flash et Suivi des clics dans l animation Flash ci-dessous ne sont pas associées au suivi vidéo. Ces étapes permettent d effectuer le suivi des clics et des activités non vidéo. Le code de commande et de suivi vidéo est traité séparément : reportez-vous à la rubrique Exigences liées à la vidéo en continu ci-dessous. Activités de suivi dans l animation Flash Pour effectuer le suivi des événements autres que les clics publicitaires (appelés «activités») à partir de l animation Flash dans un panneau, un code de suivi d activité doit être intégré. Pour intégrer une activité assortie d un suivi dans l animation, suivez les étapes ci-dessous : (1) Téléchargez et installez l interface de programmation (API) PointRoll, accessible à l adresse ou auprès de votre directeur de compte (cela n est nécessaire qu une seule fois). (2) Intégrez l interface de programmation PointRoll à la première trame de votre FLA au moyen du code suivant (nécessaire une fois par FLA) : import PointRollAPI.PointRoll var mypr:pointroll = new PointRoll(); (3) Ajoutez ce code à l action à laquelle vous voulez associer l événement à suivre : mypr.activity(1); où x est un nombre entier unique que vous attribuez à l activité pour l identifier. Prenez note qu aucun paramètre cible «Window» ne doit être intégré. Voici un exemple complet (activité 1 : survol interne de la souris) : on (rollover) { [...your ActionScript for the event goes here...] mypr.activity(1); Voici un exemple complet (activité 2 : survol interne de la souris) : on (rollover) { [...your ActionScript for the event goes here...] mypr.activity(2); Remarque : Le nombre maximal d activités distinctes s élève à 10. Prenez note que le suivi d activité pour les survols de souris doit toujours être associé à l état «rollover» du bouton et non à l état «rollout». 4 sur 8

5 Le suivi des activités ne doit jamais être utilisé conjointement avec un événement associé à un clic publicitaire. Reportez-vous à la rubrique Suivi des clics dans l animation Flash ci-dessous pour la configuration des événements de clic publicitaire. Remarque : Puisque rollover est un événement exécuté en continu, l événement on(rollover) peut UNIQUEMENT inclure un appel practivity s il est enveloppé d une validation de variable appropriée en vue de restreindre l appel d activité à la première occurrence. Par exemple, on (rollover) {...votre code ActionScript pour l événement vient ici... mypr.activity(1,true); Suivi des clics dans l animation Flash Le suivi des clics dans l animation Flash permet que les clics sur un objet Flash fonctionnent dans le contexte d un panneau PointRoll. Tous les clics doivent être assortis de la balise _blank pour ouvrir une nouvelle fenêtre du navigateur, sinon la balise «clicktag» conventionnelle est utilisée. Par conséquent, les URL sont passées dans l objet Flash par l intermédiaire d une variable de clic. Vos URL de destination sont entrées dans l interface technologique par notre équipe de soutien au lieu d être insérées dans le code ActionScript. Pour que l interface PointRoll effectue le suivi des clics sur un objet Flash dans un panneau, tous les événements «on release» redirigeant vers une nouvelle URL à l extérieur de l objet Flash doivent comporter la syntaxe appropriée ci-dessous : Flash versions 6 et ultérieures (si vous avez installé et mis en œuvre l interface de programmation PointRoll, reportez-vous à la section 7 ci-dessus) : on (release) { mypr.launchurl(_root.clicktag1); Pour effectuer le suivi distinct de plusieurs clics dans un objet Flash, une variable de chaîne de clics unique doit être fournie pour chacun. La mise en œuvre la plus simple consiste à utiliser une balise clicktag, suivie du prochain numéro incrémentiel pour chaque clic dans l objet Flash, en commençant par une balise clicktag1. De cette manière, le premier clic est associé à clicktag1, le deuxième à clicktag2, etc., jusqu à concurrence de 10 balises clicktag uniques. Pour le premier clic : on (release) { mypr.launchurl(_root.clicktag1); Pour le deuxième clic : on (release) { mypr.launchurl(_root.clicktag2); 5 sur 8

6 Prenez note que les clics publicitaires doivent toujours être associés à l action «release» du bouton et non à l action «press». En effet, l action «press» déclenche souvent le blocage des fenêtres-pub lors du clic. Commande Close Voilà le code à insérer pour fermer le panneau. Pour ajouter un événement «Close» cliquable dans l objet Flash, associez cette action précise à un objet bouton (assurez-vous d avoir installé et mis en œuvre l interface de programmation PointRoll) : on (release) { mypr.close(); Pour fermer le panneau à la fin d une animation ou d une vidéo, intégrez cette action à la trame appropriée : mypr.close(); EXIGENCES LIÉES À LA VIDÉO EN CONTINU Aperçu Une vidéo crée automatiquement plusieurs versions optimisées pour différentes largeurs de bande et assure la détection automatique de la largeur de bande, de sorte que l utilisateur charge la version optimale pour sa connexion à ce moment. La taille de la vidéo ne doit pas dépasser 320 x 240. La durée maximale de la vidéo s élève à 30 secondes. Étape 1 Le client fournit la vidéo numérique de la qualité la plus élevée possible (50 Mo maximum). La vidéo brute est compressée en différents flux (fichiers FLV) après réception. Formats numériques acceptables : AVI = Audio Video Interleaved File MOV = Apple QuickTime Movies Étape 2 Le client envoie par courriel ou FTP les fichiers FLA, les polices (PC et/ou Mac) et les fichiers SWF pour le ou les panneaux contenant la vidéo. Utilisez le FTP de préférence si le volume de fichiers dépasse 5 Mo. L adresse de courriel à utiliser est celle du conseiller affecté à la campagne. Les renseignements de connexion FTP sont fournis sur demande. Tout le codage (ActionScript) pour le suivi, les commandes vidéo, la compression et la détection de la largeur de bande est effectué après réception des objets. Le client conçoit les FLA contenant la vidéo, c est-à-dire seulement la mise en page, les images (commandes vidéo) et le positionnement de la vidéo sur la chronologie principale. Aucun codage vidéo n est nécessaire. Le client crée également les trois clips suivants (mêmes dimensions que le cadre réservé à la vidéo). Emplacement sur les différentes couches de la chronologie principale et étiquettes de couches intitulées «Message de chargement» (Loading Message), «Message de conclusion» (Ending message) et «Cliquer pour lancer la lecture» (Click to play). 1. Message de chargement (affiché pendant le chargement de la vidéo en mémoire tampon) 2. Message de conclusion (affiché lorsque la lecture vidéo a atteint la fin de la chronologie) 6 sur 8

7 3. Message Cliquer pour lancer la lecture (affiché la première fois que le panneau est déployé automatiquement; les déploiements subséquents activés par l utilisateur déclencheront automatiquement la lecture de la vidéo) Les commandes vidéo obligatoires dans le panneau sont le bouton Lecture/Pause et le bouton Sourdine/Audible. La vidéo ne doit pas être dans un sous-fichier SWF et doit figurer sur la chronologie principale (_root). Exportez l objet Flash au format SWF 7. FAQ SUR LES VIDÉOS EN CONTINU Quelles versions de Flash sont prises en charge pour la vidéo en continu? Quelle est la taille maximale de la vidéo en continu? Quelle est la durée recommandée pour la vidéo? Le son peut-il être activé automatiquement? Quel est le temps de traitement d une vidéo? Flash 7 est utilisé pour acheminer les vidéos en continu. Toutefois, les utilisateurs disposant de lecteurs Flash 6 ou Flash 7 peuvent voir la vidéo en continu. Puisque rien n est mis en mémoire cache dans l ordinateur de l utilisateur, la taille n est pas un problème en règle générale, mais la taille du contenu doit habituellement se situer sous 2 Mo. La vidéo ne devrait pas dépasser 30 secondes. Le son peut seulement être activé par l utilisateur. En règle générale, le traitement prend de 3 à 5 jours, dans la mesure où la vidéo fournie est en format numérique. Ajoutez un ou deux jours supplémentaires pour la numérisation si la vidéo fournie n est pas numérique. DONNÉES PRODUITES SOUS FORME DE RAPPORTS Impressions engendrées par l annonce, impressions engendrées par le panneau, taux d interaction, taux d action et d activité, temps moyen d affichage du panneau, temps moyen d affichage de la page, temps moyen d interaction avec la marque, clics sur le panneau et clics sur le bandeau. Suivi de tiers disponible. *** Toutes les annonces sur la page Aujourd hui de Windows Live Messenger sont assujetties à une approbation de contenu. *** 7 sur 8

8 DIRECTIVES DE SOUMISSION D ANNONCES Liste de vérification des éléments publicitaires : Vidéo numérique envoyée (voir la liste de formats ci-dessus) Fichier(s) FLA du panneau vidéo Fichier(s) SWF du panneau vidéo Polices (Mac ou PC) Fichiers SWF et FLA pour le bandeau rectangulaire de 180 x 150 Fichiers SWF et FLA supplémentaires pour le panneau Rectangle par défaut de rechange (GIF/JPEG) < 20 Ko recommandé Fichiers de redirection de tiers envoyés? Quels sont les objectifs? Faisons-nous le suivi combiné des éléments par défaut et de la vidéo? Passons-nous les clics sur les panneaux? Balises d analyse de marque envoyées (le cas échéant) Renseignements relatifs au placement sur MSN Aujourd hui envoyés (impressions, dates de début et de fin) (voir la feuille de calcul jointe) Coordonnées du directeur de produits MSN fournies MSN exige cinq jours ouvrables complets pour valider et approuver un produit de commandite sur MSN Aujourd hui. Remarque : Tout élément non conforme aux exigences sera renvoyé pour révision, ce qui pourrait retarder la date de mise en ligne prévue. 8 sur 8