Pack Fifty+ Normes Techniques 2013
Nos formats publicitaires par site 2
Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié Interstiel Liens partenaires Habillage du Site Sponsoring de newsletter p 4 p 5 p 6 p 7 p 8 p 9 p 10 P 14 p 15 p 16 p 18 Tout format publicitaire doit obligatoirement avoir un bouton FERMER et REJOUER. Attention, les livrables doivent impérativement être envoyés 1 semaine avant la mise en ligne de la campagne. 3
Display Formats classiques 2 Format : jpg, gif (ou gif animé), swf* Poids max : 50ko Url : simple ou trackée (ne pas utiliser de javascript) Tailles : Skyscraper¹ : 120x600 Footer/Top² : 728x90 ou 828x102 Expand : 728 x600 ou 828x600 Pavé³ : 300x250 Expand: 300x600 Attention, les livrables doivent impérativement être envoyés 1 semaine avant la mise en ligne de la campagne. *Spécificités du fichier SWF : 1 3 Pour le flash, nous utilisons le WMODE. Il faut donc intégrer la couleur de fond directement dans le flash et non dans la propriété du projet flash. Pour qu il soit possible de comptabiliser les clics effectués sur le flash par le biais de son ad serveur, il est indispensable d y intégrer un «geturl». Il faut bien penser à placer l instance associée à cette actionscript au dessus de toutes autres instances. Ce sera un bouton rendu transparent et qui comprendra une seule fois le script ci dessous. Ce script doit être placé de préférence comme étant premier script du Flash. on (release) { geturl (_root.clicktag, "_blank"); ***swf en version 8, Action Script 2*** 4
Display Pavé vidéo* Format : swf, flv Poids Max : 10 mo Url : simple ou trackée (ne pas utiliser de javascript) Attention, les livrables doivent impérativement être envoyés 1 semaine avant la mise en ligne de la campagne. Commentaires Son 'off' par défaut recommandé (possibilité d'éteindre / modifier le son) Activation du son en roll over/mouse over sur le format ouvert et reprise du message publicitaire à son début à l'activation du son. Présence des boutons Jouer/Stop/Pause/Rejouer, sans confusion possible pour l'internaute. Ne proposer le mode 'plein écran' que pour les vidéos offrant une qualité d'un minimum de 15 images par seconde. * Le player video doit intégrer une vidéo avec gestion du player (freeware) sur un emplacement du type mega pavé. Le contenu (video du type flv ou redirect) et le contenant (player) sont diffusés via l AdServer 5
Display Footer Roll over 728 x 50 Livrables : 2 fichiers swf (voir spécificités du fichier swf p.4) Images : 100 ko max (poids des 2 fichiers) Attention, les livrables doivent impérativement être envoyés 1 semaine avant la mise en ligne de la campagne. Bouton Fermer : 728 x 600 Doit s afficher automatiquement à l ouverture de l écran panoramique 6
Accueil Panoramique Taille : 960x350 S affiche automatiquement à la fermeture de l écran panoramique Toute publicité intrusive doit obligatoirement avoir le bouton fermer Taille : 300x250 ou 300x600 Format : jpg, gif (ou gif animé), swf* (voir page 4 : spécificités du flash) Poid max : 50ko 100ko pour le flash Url : simple ou trackée (ne pas utiliser de javascript) Durée de l animation : 7 s maximum Attention, les livrables doivent impérativement être envoyés 1 semaine avant la mise en ligne de la campagne. 7
Publi rédactionnel Chapô : Un titre : 73 caractères max. espaces compris Une image : 243x166 jpg /gif 72 dpi 25ko max Une accroche : 244 caractères max. espaces compris Article (nombre de pages : nous consulter) : Texte : 3 000 caractères max. espaces compris Images : 20ko max 8
Quiz Jeux concours Chapô Un titre : 73 caractères max. espaces compris Une image : 243x166 jpg /gif 72 dpi 25ko max Une accroche : 244 caractères max. espaces compris 1 Article Texte : 3 000 caractères max. espaces compris Images : 20ko max 3 à 4 questions : 3 réponses possibles pour chacune des questions : 1 lien indice vers votre site pour répondre à chacune des questions 9
Emailing dédié (1/4) Nous transmettre : L objet du mail Les adresses de test pour BAT Soit fichier html (images hébergées par vous) Soit fichier html + fichier images (à nous fournir si images hébergées par nous ) nous vous le conseillons L intégration des header (page miroir) et footer (désabonnement) dans votre création URL Expéditeur : Notretemps.com présente Annonceur L utilisation de l HTML dans l emailing requière une certaine rigueur si l on souhaite que nos mails aboutissent de façon optimale chez les abonnés. La variété des systèmes de lecture d emailings en entreprise (Outlook, Lotus Notes, ) et chez les particuliers (Hotmail, Yahoo, Gmail, ) nécessite de se soumettre à quelques règles. Un mauvais code HTML rend le message illisible sur certaines boîtes mails, il peut ne pas fonctionner correctement et peut déclencher un blocage total ou un filtrage de l email en dossier «spams / courrier indésirable» Créer un message avec un bon ratio texte dynamique/ image o Préconisation 1/3 texte 2/3 image o Dans l idéal 1/3 image 2/3 texte (près de 50 % des internautes affirment que les images des e mails qu'ils reçoivent ne sont «rarement» ou «jamais» affichées.) Largeur de l email : entre 600 et 700 px afin d être sûr que vos lecteurs n aient pas à employer l ascenseur horizontal pour lire le message. Poids : plus le code est léger, plus il a de chance d arriver sans problème d interprétation en boîte de réception du destinataire Oter les balises qui sont en entête de mail : le routeur de Notre Temps intègre directement les balises HTML suivantes : <!DOCTYPE html PUBLIC " "> <html xmlns=" "> <head> <meta http equiv=" " content=" " /> <title> </title> </head> <body> </body> </html> Ne pas intégrer ces balises dans vos fichiers HTML, NE GARDER QUE LES CONTENUS DES BALISES <BODY> </BODY> Toute balise ouverte doit être fermée 10
Emailing dédié (2/4) Positionnement : utiliser une mise en page en tableau et non pas en div pour positionner vos différents éléments. Styles : ne faites pas appel à des feuilles de styles externes et ne pas intégrer les styles dans les balises <head> </head>. Insérer les styles dans les balise <td>, <span> Polices : utiliser une des 5 polices systèmes (Arial, Courier New, Times New Roman, Georgia, Verdana) o Evitez d écrire en blanc, préférez un fond gris très clair o Encodez vos caractères spéciaux en HTML : Images : o Héberger les images o Mettre un lien absolu et non pas relatif (ni une adresse IP) o Remplir les balises ALT (elles servent de commentaires d images) o Préciser la taille de l image o Eviter les images trop grandes qui prennent toute la largeur du mail o Eviter les images trop lourdes o Les URL de vos mages ne doivent pas avoir de caractères spéciaux ou d espaces o Dans la balise <img : ajouter style = display :_block ; cela permet d éviter une bande de séparation entre les images sur certaines messagerie (ex : hotmail) 11
Emailing dédié (3/4) Fond des cellules : dans les cellules avec une image de fond, prévoyez aussi une couleur de fond (au cas où l image ne s affiche pas ) Objet du message : nous préconisons un message de 35 caractères maximum (espaces compris), évitez les termes trop commerciaux (ex : «gratuit») ou trop médicaux. Evitez également la préposition «à». Ne pas ajouter de pièce jointe W3C : de manière générale, votre code doit respecter les normes internationales de codage W3C. Header: Si le message ne s'affiche pas correctement merci de suivre <a href="<%domain.webdomain%>/public/read_message.jsp?<%login_signature%>&mid=<%mess age.pk%>">ce lien</a> Attention, les livrables doivent impérativement être envoyés 1 semaine avant la mise en ligne de la campagne. 12
Emailing dédié (4/4) Footer nom de l'annonceur est partenaire de Notre Temps. Ne répondez pas à ce message. Si vous souhaitez nous contacter : cliquez sur <a href="http://www.notretemps.com/contacts.html" target="_blank">ce lien</a>. <br /> Pour continuer à recevoir nos lettres d'information et qu'elles ne soient pas considérées comme du SPAM, <br /> veuillez ajouter à votre carnet d'adresses l'email suivant : <a href="mailto:notretemps@actualites.notretemps.com">notretemps@actualites.notretemps.com</a>. <br /> Conformément à l'article 34 de la loi Informatique et Libertés du 6 janvier 1978, vous disposez d'un droit d'accès, de modification, <br /> de rectification et de suppression des données vous concernant. <br /> <br /> Si vous ne souhaitez plus recevoir de messages de partenaires de Notre Temps, cliquez sur <a href="http://www.notretemps.com/vosnewsletters?task=newsletters.unsubscribe&origin=ecm_<%message.pk%>&newsletter=ne WSLETTER NT_PARTNER&email=<%user.Email%>" target="_blank">ce lien</a>. 1/ nom de l'annonceur : à remplacer par le nom de l annonceur concerné. 2/ Si l annonceur souhaite rajouter d autres mentions dans le footer, il peut tout à fait le faire. 13
Intersitiel Format : jpg, gif, swf* (voir page 4 : spécificités du flash) Poids Max : 50 ko max Taille : 800x600 Durée de l animation : 10 s maximum Attention, les livrables doivent impérativement être envoyés 1 semaine avant la mise en ligne de la campagne. 14
Liens Partenaires Titre + texte : 5 lignes maximum Titre : Un titre de 25 caract. max, espaces compris Texte : Un texte de 60 caract. max, espaces compris Corps du texte : taille police : 12 Police : verdana Format : Jpg ou gif animé Poids max : 5 ko maximum Tailles : 88x50 Url : simple ou trackée (ne pas utiliser de javascript pour les URL trackée) Attention, les livrables doivent impérativement être envoyés 1 semaine avant la mise en ligne de la campagne. 15
Habillages du Site Notre Temps 2 1 Format : Jpg Poids max : 300 ko maximum 3 Tailles : 1280x1280 1 / Image de Fond : L'image devra finir en dégradé sur une couleur unie (blanc par ex). La largeur du site est de 980 pixels, ne pas mettre d'informations dans cette largeur 2 / Zone "sur Header" : La hauteur de cette zone est extensible jusqu'à 100 pixels et abaisse le site d'autant. Url : simple ou trackée (ne pas utiliser de javascript pour les URL trackée) Attention, les livrables doivent impérativement être envoyés 1 semaine avant la mise en ligne de la campagne. 3 / Header : Il est possible de modifier la couleur de fond du header (en vert dans l'exemple) 16
Habillages du Site La Croix 1 / Image de Fond : L'image devra finir en dégradé sur une couleur unie (blanc par ex). La largeur du site est de 1000 pixels, ne pas mettre d'informations dans cette largeur 2 / Zone "sur Header" : La hauteur de cette zone est extensible jusqu'à 110 pixels et abaisse le site d'autant. Format : Jpg Poids max : 300 ko maximum Tailles : 1280x1280 Url : simple ou trackée (ne pas utiliser de javascript pour les URL trackée) Attention, les livrables doivent impérativement être envoyés 1 semaine avant la mise en ligne de la campagne. 3 / Header : Il est possible de modifier la couleur de fond du header (en vert dans l'exemple) 17
Sponsoring de Newsletter Format : Jpg ou gif Poids max : 70 ko maximum Tailles : 550 x 110 Résolution : 72 dpi Url : Vous devez nous fournir un lien de redirection (ex : page de votre site internet), dans un fichier à part (ne pas l intégrer dans votre visuel.) Attention, les livrables doivent impérativement être envoyés 1 semaine avant la mise en ligne de la campagne. 18
Sponsoring de Newsletter La croix.com Format : Jpg ou gif Poids max : 70 ko maximum Tailles : 600x200 Résolution : 72 dpi Url : Vous devez nous fournir un lien de redirection (ex : page de votre site internet), dans un fichier à part (ne pas l intégrer dans votre visuel.) Attention, les livrables doivent impérativement être envoyés 1 semaine avant la mise en ligne de la campagne. 19
Contact Victor BLANDIN Chargé De Traffic Web Victor.blandin@bayard pub.com 01 74 31 48 89 20