Spécificités Techniques créations publicitaires 2012
Sommaire Presentation p3 Sky Flottant 120x600 p17 Spec : Clicktag p4 Flash Transparent 400x400 p18 Spec : Flash transparent / Interstitiel p5 Flash Transparent 1000x700 p19 Spec : Expand-multidirectionnel p6 Footer 1000x40 => 1000x440 p20 Spec : Reval Launch Unit (Push down) p7 Sponsoring de séance 320x20 p21 Redirect Rich Media p8 Habillage (Image en background) p22 Bannière Pavé 300x250 p9 Format dans menu XL p23 Bannière Gigaban 1000x90, 1000x180 728x90 p10 Publi-redactionnel p24 Gigabannière expand : 1000x90 => 1000x300 p11 Grand angle expand 300x600 -> 600x600 p12 Liens Partenaires Formats Iphone p25 p26 Bannière Pavé Expand 300x250 -> 600x250 p13 Formats Iphone Expand p27 Bandeau ComFi 410x60 et 320x60 p14 Format Mobile XML p28 Grand angle 300x600 p15 Emailing p29 Launch-Unit (Push down) ou Reveal 1000x440 => 1000x90 p16 Contacts p30 2
Présentation Adserver : SmartAdserver [NB : Le site www.boursorama.com diffuse les bannières via iframe] Nous acceptons les redirects : Doubleclick (Dart), BlueStreak, Adtech, Atlas, SmartAdServer, Eyeblaster, Edatis, Piximedia (autres : nous consulter pour la diffusion de script rich média ) 3
Spec : Clicktag! Clicktag OBLIGATOIRE : Dans l objectif de rendre cliquable les créations, voici le code à implémenter sur le bouton en Flash sur l ensemble de l animation: Action script 2 : Action script 3 : on (release) { geturl(_root.clicktag, _root.target); } var clicktag:string=root.loaderinfo.parameters.clicktag; var target:string=root.loaderinfo.parameters.target; //fonction exécutée en réponse à l'événement function onclic(pevt:event):void { var redirect:urlrequest = new URLRequest( clicktag ); navigatetourl (redirect, target); } lebouton_btn.addeventlistener(mouseevent.click, onclic); //lebouton_btn est un exemple de nom de l occurrence du bouton dans la créa Si plusieurs boutons : utiliser le script «clicktag ; clicktag2 ; clicktag3 ; etc. (pas de 0 et 1)» 4
Spec : flash transparent / interstitiel! OBLIGATOIRE : Bouton de fermeture visible sur l ensemble du déroulement de l animation, celui-ci doit activer la fonction : Si Flash inférieur à version 8 : on (release) { geturl("javascript: pub_ist_hd()"); } Si Flash supérieur ou égal à la version 8 : on (release) { flash.external.externalinterface.call("pub_ist_hd"); } Si Flash en Action Script 3 : import flash.external.externalinterface; //fonction exécutée en réponse à l'événement function onclic(pevt:event):void { ExternalInterface.call("pub_ist_hd"); } leboutonferme_btn.addeventlistener(mouseevent.click, onclic); //leboutonferme_btn est un exemple de nom de l occurrence du bouton dans la créa 5
Spec : Expand-multidirectionnel! OPTIONNEL : Bouton "fermer" car expand programmé en roll-over Si le flash contient un bouton de fermeture, celui-ci doit activer la fonction : Si Flash inférieur à version 8 : on (release) { geturl("javascript: pub_ist_collapse()"); } Si Flash supérieur ou égal à la version 8 : on (release) { flash.external.externalinterface.call("pub_ist_collapse"); Spec : expand-multidirectionnel } Si Flash en Action Script 3 : import flash.external.externalinterface; //fonction exécutée en réponse à l'événement function onclic(pevt:event):void { ExternalInterface.call("pub_ist_collapse"); } leboutonferme_btn.addeventlistener(mouseevent.click, onclic); //leboutonferme_btn est un exemple de nom de l occurrence du bouton dans la créa 6
Spec : Reveal Launch Unit (Push down)! OBLIGATOIRE : Bouton "fermer" sur l animation dépliée, celui-ci doit activer la fonction: Si Flash inférieur à version 8 : on (release) { geturl("javascript: xclose()"); } Si Flash supérieur ou égal à la version 8 : on (release) { flash.external.externalinterface.call("xclose"); } Si Flash en Action Script 3 : import flash.external.externalinterface; //fonction exécutée en réponse à l'événement function onclic(pevt:event):void { ExternalInterface.call("xClose"); } leboutonferme_btn.addeventlistener(mouseevent.click, onclic); //leboutonferme_btn est un exemple de nom de l occurrence du bouton dans la créa 7
Redirect Rich Media Redirect accepté : Piximedia, Double Click, Smart Format : Triptyque, Sky-expand, Stretch vidéo, Footer-expand, Pave expand Format : Launch Unit avec utilisation du fichier Iframe buster http://www.boursorama.com/piximedia/pm_buster.html http://www.boursorama.com/doubleclick/dartiframe.html http://www.boursorama.com/smartadserver/iframeout.html 8
Bannière Pavé 300x250 Emplacements : HP et Rotation générale POIDS Max : 65Ko TAILLE : 300 x 250 pixels Formats acceptés : SWF, GIF, JPEG. Redirect Javascript accepté Gif de backup obligatoire : Dimension identique Création sonore possible avec activation par clic ou par roll-over. Le son doit être off par défaut. Pavé 300*250 Vidéo possible (via script redirect) Le son doit être off par défaut. 9
Bannière Gigaban 1000x90,728x90,1000x180 Emplacements : Home Page - Rotation générale Lifestyle inclus POIDS Max : 65Ko TAILLE : 1000 x 90 pixels Gigaban 1000*90 Formats acceptés : SWF, GIF, JPEG Redirect Javascript accepté Gif de backup obligatoire : Dimension identique Création sonore possible avec activation par clic ou par roll-over. Le son doit être off par défaut. Vidéo possible (via script redirect) Le son doit être off par défaut. 10
Gigabannière expand : 1000x90 => 1000x300 Emplacements : Home Page - Rotation générale Lifestyle inclus POIDS Max : 65Ko TAILLE : 2 créations sont à nous fournir Créa repliée : 1000x90 Créa dépliée : 1000x300 Formats acceptés : SWF, GIF, JPEG Redirect Javascript compatible iframe avec utilisation de l iframe buster : page 8 Gif de backup obligatoire : 1000*90 Création sonore possible avec activation par clic ou par roll-over. Le son doit être off par défaut. Vidéo possible (via script redirect) Le son doit être off par défaut.! Rappel : Expand uniquement vers le bas 11
Grand Angle Expand 300*600 =>600*600 Emplacements : HP Bourse - Rotation générale Poids max : 65 Ko TAILLE: 2 créations sont à nous fournir Grand angle déplié 600x600 créa replié 300*600 créa déplié 600*600 Format acceptés ; SWF Redirect Javascript comptablie iframe avec utilisation de l'iframe buster page 8 Gif backup obligatoire: taille 300*600 65 Ko max Création sonore possible avec activation par clic ou par roll-over. Le son doit être off par défaut. Vidéo possible (via script redirect) Le son doit être off par défaut. Grand angle replié 300x600! Rappel : Expand uniquement sur la gauche 12
Pavé Expand 300x250 => 600x250 Emplacements : HP - HP Bourse et Rotation générale! POIDS Max : 65Ko TAILLE: 2 créations sont à nous fournir - Créa repliée : 300 x 250 pixels - Créa dépliée : 600 x 250 pixels Formats acceptés : SWF Redirect Javascript compatible iframe avec utilisation de l iframe buster : page 8 Gif de backup obligatoire : taille 300x250; 65Ko max Création sonore possible avec activation par clic ou par roll-over. Le son doit être off par défaut. Vidéo possible (via script redirect) Le son doit être off par défaut. Rappel : Expand uniquement sur la gauche Pavé Expand 300*250 => 600*250 13
Bandeau ComFi 410x60 et 320x60 Emplacements : HP - HP Bourse Format réservé à la communication financière POIDS Max : 15Ko TAILLE: - sur Home Page : 410 x 60 pixels - Sur Home Bourse : 320 x 60 pixels Formats acceptés : SWF, GIF, JPEG Redirect Javascript non accepté Bandeau ComFi 410*60 Gif de backup obligatoire : Dimension identique taille 410x60;320x60 15Ko max Création sonore non possible Vidéo non possible Bandeau ComFi 320*60 14
Grand angle 300x600 Emplacements : HP Bourse- Home de Rubrique - RG POIDS Max : 65Ko TAILLE : 300 x 600 pixels Formats acceptés : SWF, GIF, JPEG Redirect Javascript accepté Gif de backup obligatoire : Dimension identique Création sonore possible avec activation par clic ou par roll-over. Le son doit être off par défaut. Vidéo possible (via script redirect si compatible iframe) Le son doit être off par défaut. Grand angle 300*600 15
Launch-Unit (Push down) ou Reveal 1000x440 => 1000x90 Emplacements : HP et Home de Rubrique POIDS Max : 65Ko Format accepté : SWF Redirect Javascript non accepté Redirect accepté : Double Click Gif de backup obligatoire : Dimension taille 1000x90;65Ko max Lauch- Unit 1000*440 => 1000*90 Création sonore possible avec activation par clic ou par roll-over. Le son doit être off par défaut. Une création suffit, l animation devra débuter sur 1000x440 pendant 7s et se terminer par 1000x90. La création devra reboucler à partir du 1000x90 (c.à.d. à la 8ème seconde) (Il ne s agit pas de deux créas alternées!) Animation cappée à 1/jour non ré ouvrable! OBLIGATOIRE : Bouton "fermer" sur l animation dépliée (p 6) 16
Sky Flottant 120x600 (skyscrapper) Emplacements : HP et Home de Rubrique POIDS Max : 65Ko TAILLE : 120 x 600 pixels Formats acceptés : SWF, GIF, JPEG Redirect Javascript non accepté Gif de backup obligatoire : Dimension identique Vitesse de 1 à 10 pixels par seconde Création sonore non possible Vidéo non possible Sky Flottant 120*600 17
Flash Transparent 400x400 Emplacements : HP et Home de Rubrique! POIDS Max : 65Ko TAILLE : 400x400 pixels ou 400x600 pixels max Format accepté : SWF Redirect Javascript accepté Bouton «Fermer» obligatoire (voir p.4) Durée max : 10 secondes En cas de script redirect, le positionnement doit être modifiable via les fonctions posx, posy. Vidéo non possible Création sonore non possible Définition : Affiche une création flottante audessus du contenu de la page pendant quelques secondes. Synonymes : layer, overlay Flash transparent 400*400 18
Flash transparent 1000x700 Emplacements : HP et Home de Rubrique! POIDS Max : 65Ko TAILLE : 1000 x 700 pixels Format accepté : SWF Redirect Javascript accepté Bouton «Fermer» obligatoire (voir p.4) Durée max : 10 secondes En cas de script redirect, le positionnement doit être modifiable via les fonctions posx, posy. Vidéo non possible Création sonore non possible Définition : Affiche une création flottante au-dessus du contenu de la page pendant quelques secondes. Synonymes : layer, overlay Flash transparent 1000*700 19
Footer 1000x40 => 1000x440 Emplacements : HP et Home de Rubrique TAILLE: 2 créations sont à nous fournir - Créa SWF dépliée (Expand): 1000 x 440 pixels - POIDS max 65 Ko - Créa SWF repliée (Footer) 1000 x 40 pixels - POIDS max: 30 Ko Expand déplié Formats acceptés : SWF, Redirect accepté : Piximédia exclusivement II faut une couleur de fond et un texte lorsque le Footer est fermé. Création sonore possible le son doit être off par défaut Vidéo non possible Définition : Le format Footer reste affiché en permanence en bas de l écran. Au passage de la souris, le format s'ouvre à la manière d'un expand classique. Expand replié 20
Sponsoring de séance 320x25 Emplacements : HP et Home Cours AZ POIDS Max : 15Ko TAILLE : 320 x 25 pixels! Formats acceptés : SWF, GIF, JPEG Redirect Javascript non accepté 2 créations avec obligatoirement écrit «Séance sponsorisée par» : 1 Version animée + 1 Version figée obligatoire BOURSORAMA Sponsoring de séance 320*25 Gif de backup obligatoire : Dimension identique Création sonore non possible Vidéo non possible 21
Habillage (Image en background) Emplacements : HP et Home Cours AZ- Palmarès - Conseils. Sub-Header Sub-header 19pixels 19 pix de de hauteur hauteur POIDS Max : 65Ko TAILLE : 1300 x 500 pixels (Arc de Triomphe) Format accepté : JPEG! L image en background est cliquable et nonanimée. Nous fournir l image en format JPEG + le code hexadécimal de la couleur de fond Cette image sera recouverte par le site : Le haut de l arc (au dessus têtière site) devra être de 109 pixels. Attention, les 19 premiers pixels du haut seront masqués par le subheader «Boursorama banque» Optionnel : Modification subheader «Boursorama Banque» : Nous fournir le code hexadécimal pour le fond et couleur de police Subheader 19 pix de hauteur Rappel : Largeur du site Boursorama est de 1000px Pas de Gigaban lors d un habillage arc de triomphe Habillage Nous ne recommandons pas la présence de texte dans les colonnes. Nous envoyer les éléments minimum 7 jours ouvrés avant pour effectuer les tests de prévisualisation 22
Formats dans menu XL Emplacements : menu XL! POIDS Max : 50Ko TAILLE : création non animée Bandeau : 976*70 Ou Vignettes : 60*60 Formats acceptés: GIF, JPEG non animé Pas de redirect Pas de pixel de comptage La création doit comprendre: une partie texte (en haut) et une partie image et/ou logo Url de renvoi à contenu pédagogique Menu XL Bandeau 976*70 Menu XL vignettes 60*60 23
Publi-rédactionnel Emplacements : HP, HP Bourse Logo : Format : gif Poids max : 5 Ko Taille : 100 x 50 (dimensions max) ET Le document : Format : pdf ou word ou html idéalement format A4 et pas trop lourd (pour que cela ne soit pas trop long à charger pour les internautes qui voudront le lire ) ET Le titre de l encart : Nous préciser le titre de l encart (env. 30 caractères) ET La phrase d accroche : Nous préciser la phrase de l encart (env.70 caractères) Exemple : le logo Le «Titre de l encart» est le champ qui apparaît en gras «Réduisez vos impôts en 2011» dans l exemple ci dessous. La phrase d accroche est le titre de la news qui apparaît en partie sur la HP Bourse, et en complet dans le flux de news et dans le corps de la news «Découvrez la première SCPI «déficit foncier» du marché et réduisez vos impôts» dans l exemple ci dessous! Pas de pixel de comptage 24
Liens partenaires Emplacements : Rubrique Logo : Format : gif ou Jpeg Poids max : 5 Ko Taille : 50 x 50 (dimensions max) ET Le titre du lien partenaire : Nous préciser le titre (env. 45 caractères - espaces compris) ET La phrase d accroche du lien partenaire: Nous préciser la phrase (env. 90 caractères - espaces compris) Liens partenaires 25
Formats iphone (a) Emplacements : Application iphone Interstitiel : POIDS Max : 30Ko TAILLE : 320 x 372 pixels Formats acceptés : GIF / JPEG Redirect Javascript non accepté Interstitiel 320*372 Durée maxi : 5 secondes Présence au lancement de l'application après le chargement du logo Au bout de 10 secondes, si l'application n'a pas récupéré la création, la page d'accueil se charge. Bannière : POIDS MAX : 15Ko Taille : 320x50 Bannière 320*50 Formats acceptés : GIF / JPEG/HTML Redirect Javascript non accepté Redirections possibles :click to web ; click to call ; click to SMS ; click to App ; click to maps ; click to youtube 26
Formats iphone expand (b) Emplacements : Application iphone Interstitiel Expand: POIDS Max : 30Ko TAILLE : 320 x 351 pixels Formats acceptés : GIF / JPEG Redirect Javascript non accepté Durée maxi : 5 secondes Présence au lancement de l'application après le chargement du logo Au bout de 10 secondes, si l'application n'a pas récupéré la création, la page d'accueil se charge. Interstitiel 320*351 Toaster: POIDS MAX : 15Ko Taille dépliée : 320x50 Taille repliée : 320x20 Nous fournir uniquement la bannière 320x50 avec le texte et la couleur de fond. Formats acceptés : GIF / JPEG Redirect Javascript non accepté Sur la barre replié, possibilité d'ajouter du texte + choix de la couleur du texte 60 caractères maximum («pub» par défaut) Redirections possibles :click to web ; click to call ; click to SMS ; click to App ; click to maps ; click to youtube Toaster 320*50 27
Format Mobile XML Emplacements : Application Mobile Logo : POIDS MAX : 30Ko TAILLE : 240 x 35 pixels Logo 240*35 Formats acceptés : GIF / JPEG Redirect Javascript non accepté Présence du logo sur la home du site www.boursorama.com/iphone 28
Emailing Normes techniques pour les emailings : Pas de feuille de style (CSS) dans le code des pages HTML, de flash, de javascript, de formulaire, ni xml, ni map. Pas d underscore ( _ ) dans la nomination des répertoires, de la page html ou des fichiers images, Si les images ne sont pas déjà hébergées, merci de les mettre dans un répertoire «images» relatif au document html, Poids maximum de l emailing : 100 ko Les éléments à nous fournir : Un fichier ZIP contenant : 1 page html Le dossier «images» comprenant les créations en gif (si les images ne sont pas déjà hébergées) Merci de nous préciser les éléments suivants : Objet du mail: mettre le titre que vous voulez voir apparaître en Objet du mail Adresses BAT (plusieurs possibles): Exemple : adriendupont@xxgroup.com Monsieur Adrien DUPONT Expéditeur : Préciser le nom de l'expéditeur Date d'envoi : à préciser Envoyer les infos 2 jours ouvrés avant l'envoi à : Votre contact commercial Boursorama et à support.traffic@boursorama.fr (Objet / emailing emailing@boursorama.fr ) En cas de non respect de ces instructions, nous ne saurions vous garantir la programmation et l envoi de votre emailing. 29
Contacts Envoyer les éléments à : Votre contact commercial Boursorama & à support.traffic@boursorama.fr Objet du mail: «NOM DE VOTRE SOCIETE Eléments à programmer» Au plus tard: 4 jours ouvrés avant la date de campagne 7 jours ouvrés pour les habillages de Home page En cas de non respect de ces instructions, nous ne saurions vous garantir la programmation 30