NORMES TECHNIQUES 2010 -> L'offre Display : Mega bannière - Skyscraper- Pavés -> Offre Display : les formats -> Offre Display : les livrables -> Publi rédactionnel -> Accueil Panoramique -> Habillage du site -> Sponsoring de rubriques -> Liens partenaires -> E-mailing dédié P 2 P 3 P 4 P 5-6 P 7 P 8 P 9 P 10 P 11-12 1
L'OFFRE DISPLAY MEGA BANNIERE PAVES SKYSCRAPER 2
PAVES OFFRE DISPLAY : LES FORMATS SKYSCRAPER -> Rectangle Taille: 300*250 -> 4ème de couverture Taille: 260*360 ou 300*415 MEGA BANNIERE Taille: 120*600 Taille: 728*90 Les livrables doivent impérativement être envoyés une semaine avant la mise en ligne de la campagne 3
OFFRE DISPLAY : MEGA BANNIERE - SKYSCRAPER - PAVES Wmode: transparent Poids maximum: 50 ko Type: Gif, swf *, jpg Url: simple ou trackée. Ne pas utiliser de javascript * Pour les formats SWF(flash) Pour le flash, nous utilisons le WMODE transparent (pour résoudre certains problèmes d'affichage sous Firefox). Il faut donc que la couleur de fond soit intégrée directement dans le flash et non dans la propriété du projet flash. ClickTag: insérer le bouton dans la création. Nous fournir l url de redirection en plus du fichier afin d obtenir les statistiques. http://medias.notretemps.com/docs/regie/codes_clicktag.pdf Les urls trackées ne doivent pas contenir de JavaScript Les livrables doivent impérativement être envoyés une semaine avant la mise en ligne de la campagne 4
PUBLI REDACTIONNEL Lepublirédactionnel standard fonctionne comme un article dans le CMS (système de gestion de contenus) du site. Il se différencie du rédactionnel par: - l ajout d un fond de couleur ocre -la mention «info commerciale + nom de la marque» Le dossier comprend:un titre, une accroche, des articles, une photo d'illustration obligatoire, des images, un sommaire automatique. L'article est obligatoirement soumis à la rédaction de Notretemps.com Il pourra faire l'objet d un retour pour modification. Les livrables doivent impérativement être envoyés une semaine avant la mise en ligne de la campagne 5
PUBLI REDACTIONNEL Colonne de texte : 508 pixels Titre : 73 caractères espaces compris Accroche : 244 caractères espaces compris Photo d'illustration jpg ou gif: 72 dpi résolution 25 Komaxi -Format : 243*166 Article : environ 2 428 signets par article -4 articles max -1 image par article 72 dpi -8 ko maxi Sommaire automatique Urlsimple ou trackée-suivi du trafic : URL pixel de comptage Les urls trackées ne doivent pas contenir de JavaScript 6
ACCUEIL PANORAMIQUE Bouton "rejouer" s'affiche à la fermeture de l'écran panoramique Bannière visible à l'ouverture de la page Taille : 960*350 Une image ou un flash Une url trackée ou simple Type: JPG, GIF, Flash* Le format complémentaire rectangle s affiche à la fermeture de l'écran Taille : 300*250 (à 600) Poids maximum: 50ko pour image et 100Ko pour un flash Durée de l'animation: 7s max Les urls trackées ne doivent pas contenir de JavaScript * Pour les formats flash Pour le flash, nous utilisons le WMODE transparent (pour résoudre certains problèmes d'affichage sous Firefox). Il faut donc que la couleur de fond soit intégrée directement dans le flash et non dans la propriétédu projet flash. Insérer le bouton ClickTag dans la création. Nous fournir l url de redirection en plus du fichier afin d obtenir les statistiques. Les urls traquées ne doivent pas contenir de JavaScript. Les livrables doivent être impérativement envoyés une semaine avant la mise en ligne de la campagne 7
HABILLAGE DU SITE Une seule image de fond habille l'ensemble du site, la couleur de la barre de menu est modifiable. L'habillage peut-être cliquable. 1Image de Fond Taille : 1280*1280 Format :JPG Poids maxi :300ko max 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 3 2 1 2 Zone "sur Header" La hauteur de cette zone est extensible jusqu'à 100 pixels et abaisse le site d'autant 3Header Il est possible de modifier la couleur de fond du header (en vert dans l'exemple) Une image format JPGet une Url trackée ou simple Lesurls trackéesne doivent pas contenir de JavaScript. Les livrables doivent impérativement être envoyés une semaine avant la mise en ligne de la campagne 8
SPONSORING DE RUBRIQUES Taille : 960*70 + 300*250 et/ou 300*415 Format: Jpg, Gif, Flash* Poids maximum: 70 ko Diffusion: exclusivité sur les rubriques choisies Url: simple outrackée Les urls trackées ne doivent pas contenir de JavaScript Contraintes: -> l'animation du 300*250 est standard -> l'animation du 960*70 doit contenir qu'une seule boucle * Pour les formats flash Pour le flash, nous utilisons le WMODE transparent (pour résoudre certains problèmes d'affichage sous Firefox). Il faut donc que la couleur de fond soit intégrée directement dans le flash et non dans la propriétédu projet flash. Insérer le bouton ClickTag dans la création. Nous fournir l url de redirection en plus du fichier afin d obtenir les statistiques. Les urls traquées ne doivent pas contenir de JavaScript. Les livrables doivent impérativement être envoyés une semaine avant la mise en ligne de la campagne 9
LIENS PARTENAIRES Une image format JPG ou Gifanimé Taille : 88*50 pixels Cadre image : 1 pixel Code couleur : #807e7f Poids : 5 ko maximum Un titre de 25 caractères max espaces compris Un texte de 65 caractères max espaces compris Une Url trackée ou simple Lesurls trackéesne doivent pas contenir de JavaScript Les livrables doivent impérativement être envoyés une semaine avant la mise en ligne de la campagne 10
E-MAILING DEDIE Objet du mail Les adresses de tests Les adresses mails des envois que vous souhaitez intégrer Le format HTML transitionnel 4.01 Largeur de l'e-mail:entre 600 et 700 pixels Le routeur intègre directement les balises HTML suivantes : <!DOCTYPE html PUBLIC " "> <html xmlns=" "> <head> <meta http-equiv=" " content=" " /> <title> </title> </head> <body> </body> </html> NE GARDER QUE LES CONTENUS DES BALISES <BODY> </BODY> Ne pas intégrer les balises ci-dessus dans vos fichiers HTML - Toutes Balises ouvertes doit être fermées Positionnement:utiliser une mise en page en tableau et non en DIV Styles : Ne faites pas appel àdes feuilles de styles externes Eviter les styles dans les balises <head> </head> Insérer les styles dans les balises <td>, <span>... 11
E-MAILING DEDIE Encoder vos caractères spéciaux en HTML Polices : utiliser une des 5 polices systèmes (Arial, Courier New, Times New Roman, Georgia,Verdana) Images : Héberger les images Mettre un lien absolu et non pas relatif (ni une adresse IP) Les URL de vos images ne doivent pas avoir de caractères spéciaux ou d espaces ex : <img src="http://www.ems.com/nomclient/mai08/img/logo.jpg" alt="le commentaire de l image" width="170px" height="45px " /> Images maps: leurs utilisation est déconseillé, préférez un découpage à l aide de tableau Intégration du footer Notre Temps: http://medias.notretemps.com/docs/regie/footer.html Mode d'emploi des Bonnes pratiques HTML : http://medias.notretemps.com/docs/regie/bonnes_pratiques_html.pdf IMPERATIF avant votre envoi: Tester votre intégration sur plusieurs navigateurs ( IE6 et 7 / Firefox/ Netscape ) Tester vos liens ainsi que le rendu visuel dans plusieurs webmails Vérifier si l e-mail sans les images reste lisible et compréhensible Les livrables doivent impérativement être envoyés une semaine avant la mise en ligne de la campagne 12