SPECIFICATIONS TECHNIQUES WEB

Transcription

1 SPECIFICATIONS TECHNIQUES WEB Spécifications des créations... 2 Formats display classiques... 4 Formats display impactants... 5 Formats instream... 7 Habillages... 8 Dispositifs spéciaux (format impactant)... 9 Télécharger les dernières spécifications techniques à cette adresse : Retrouver les spécifications techniques spéciales mobiles et tablettes à cette même adresse. Conditions et livraison des éléments techniques Adresse : traffic@amaurymedias.fr et votre contact commercial habituel en copie. Délai : minimum 2 jours ouvrés avant parution pour les formats classiques, 5 jours ouvrés pour les formats impactant et dispositifs complexes (habillage, rotation de 3 créations, etc.). Les éléments techniques envoyés après 16h, la veille de la mise en ligne, ne sont plus prioritaires. Eléments à fournir : l ensemble des éléments techniques conformes aux présentes spécifications et selon le plan média, sous une des formes suivantes : o les créations et liens de redirection ; o ou les redirects de type JavaScript adapté pour un usage asynchrone (friendly iframe) et compatible pour SmartAdServer OpenAdStream - DoubleClick for Publishers - VideoPlaza. Les visuels et le scénario sont, dans ce cas, supportés par le serveur hébergeur. Par défaut, nous acceptons trois créations ou redirections maximum par insertion (une insertion = une ligne dans l ordre d insertion signé). Par défaut et sauf avis contraire de votre part, la diffusion sera répartie à part égale entre les créations. Dans le cas où vous souhaitez diffuser plus de créations, nous consulter au minimum 3 jours ouvrés avant le début de la campagne pour connaître les dispositions de mise en ligne. Couverture des supports Web suivants L Equipe.fr L EquipeMag.fr L Equipe21.fr Sport&Style.fr Adrénaline.fr FranceFootball.fr Dakar.com LeTour.fr LeParisien.fr Paris Etudiant.fr LaParisienne.com La présence du logo indique la compatibilité du format avec le support identifié. Vos contacts traffic traffic@amaurymedias.fr William Ribeiro Guillaume Ferrer Nathalie Hees Amaury Médias Spécifications techniques version 2.8 1

2 SPECIFICATIONS DES CREATIONS L ensemble de nos spécifications techniques sont établies en prenant en compte une configuration standard et la plus répandue de nos internautes, à savoir : Systèmes d exploitation (OS) : Windows (XP, Vista, 7, 8), Mac OS X Résolution d écran : px Navigateurs : Internet Explorer, Mozilla Firefox et Google Chrome Créations en flash (swf) Les créations flash sont uniquement compatibles pour la diffusion sur desktop. Pour les diffusions sur mobile et tablette, prévoir des créations «images» (gif/jpeg/png). La version 45 de chrome désactivera par défaut la lecture des fichiers flash secondaires, y compris la publicité. Prévoir obligatoirement des créations de back-up «images» (gif/jpeg/png) lors de la livraison des fichiers flash. Les redirects contenant des créations flash devront prévoir la diffusion d une image sur la version 45 de chrome. Afin de garantir un affichage correct des créations réalisées avec la technologie Flash, il faut obligatoirement respecter les conditions suivantes : Technologie Flash et ActionScript Bouton Clicktag Bouton «Fermer» Visuel de backup Exporter la création en version Flash 10 maximum ou compatible version 10; Il faut être vigilant quant aux animations trop gourmandes en ressource qui pourraient ralentir le chargement de la page (mouvement sophistiqué, ActionScript complexe, ) ; Le fond de l animation doit être réalisé sur un calque (ne pas utiliser l option Arrièreplan proposé par Adobe Flash) ; Rendre la totalité de la création cliquable avec l intégration de la variable ActionScript clicktag pour dénombrer les clics réalisés (ne pas insérer d URL en dur comme " Voici le modèle pour un bouton sous ActionScript 2 (pour une autre version de l ActionScript, nous demander) : on (release) { geturl(_root.clicktag, _root.target); } Pour les créations comportant une option de fermeture, vous devez intégrer ce code pour assurer la fermeture du format à la fin de l animation et/ou au clic sur un bouton «Fermer» : on (release) { geturl("javascript:pub_ist_hd();"); } Joindre obligatoirement une image de remplacement (gif/jpeg) dans le cas où l internaute n ait pas le plug-in Flash ; Création en La création doit être réalisée en. Attention il ne faut pas utiliser la norme MRAID car celle-ci est valable pour les applications uniquement. L URL de redirection doit être intégrer dans balise <a> de la création. Nous pouvons également intégrer un pixel de tracking. Amaury Médias Spécifications techniques version 2.8 2

3 Création comportant de la vidéo/son (vidéo in-banner) (hors instream) ( pour les formats instream, se reporter à la page 6) La majorité de nos formats sont compatibles avec du contenu vidéo. Ils doivent être livrés obligatoirement via des redirects. Nous n hébergeons pas les vidéos et fichier son. Il vous est vivement conseillé de confier l hébergement et la diffusion à des prestataires spécialisés en richmédia tel que Massmotionmedia, etc. Dans le cas d une création avec de la vidéo et/ou du son, il faut obligatoirement respecter les conditions suivantes : Le son doit être désactivé par défaut. Le son peut être joué uniquement au survol ou lors de l action volontaire sur un bouton Son (on/off). Il n y a pas de durée maximum : attention cependant à ne pas être trop long ce qui pourrait impacter le chargement de la création ainsi que de la page d affichage. Nous suggérons vivement une vidéo entre 20 et 30 sec. et la mise en place d un bouton lecture/pause. Amaury Médias Spécifications techniques version 2.8 3

4 FORMATS DISPLAY CLASSIQUES Les spécifications générales (flash, vidéo/son, ) s appliquent à tous les formats référencés ci-dessous (se reporter à la page 2). Formats standards et standards + Formats Extensions acceptées Méga bannière ko gif, swf 3, redirect, Full bannière ko gif, swf 3, redirect, Bannière Grand angle ko gif, swf 3, redirect, Pavé ko gif, swf 3, redirect, Grand angle (anciennement demi-page) Interstitiel ko gif, swf 3, redirect, durée 6 sec. max 70 ko gif, swf 3, pas de redirect Bouton ko gif, swf 3, redirect, Newsletters 300 x ko gif,jpg Formats expand Formats Dim. initiales Dim. max expand total Méga bannière expand ko Full bannière expand ko Pavé expand Pavé article expand Grand angle expand (anciennement demi-page expand) à 600 vers la gauche à 600 vers la droite 80 ko 80 ko ko Extensions acceptées Le format expand est composé de deux créations : une création «fixe» et une création «expand». Le mouvement entre la partie «fixe» et «déployée» ne doit pas être réalisé : il est exécuté grâce à notre script. Formats Rich Média Formats Extensions acceptées Flash transparent (en association avec un pavé ou méga/full bannière) max. durée 6 sec. max avec bouton Fermer obligatoire, voir en page 2 situé au centre de l écran de l internaute 60 ko swf 3, redirect 2, 1 Tout dépassement du poids recommandé est sous réserve de l'acceptation de l éditeur. 2 Les formats hors maquette livrés en redirect devront être obligatoirement compatible avec la technologie «iframe buster» ou compatible à un usage asynchrone (friendly iframe). 3 Joindre obligatoirement une image de back-up (gif/jpeg/png). Amaury Médias Spécifications techniques version 2.8 4

5 FORMATS DISPLAY IMPACTANTS Les spécifications générales s appliquent aux formats référencés ci-dessous (se reporter à la page 2). Les formats impactant doivent être livrés 5 jours ouvrés avant le début de la diffusion afin de permettre les tests et validations nécessaires à leur mise en ligne. Certains formats impactant sont soumis à la validation préalable des éditeurs avant diffusion. Papier peint Marges Extensions acceptées Tracking possible Remarques L Equipe.fr L EquipeMag.fr, L Equipe21.fr Sport&Style.fr, Adrénaline.fr Haute : 130 px Gauche : 130 px Droite : 130 px Zone de contenu central de 1000px. 70 ko Le Parisien.fr Paris Étudiant La Parisienne gif, jpg, png (pas de swf ; redirect non supporté) - Clic-command pour les clics; - Pixel de comptage pour les impressions; FranceFootball.fr La zone centrale destinée au contenu éditorial, doit être obligatoirement de couleur blanche. La diffusion d un papier peint inhibe la bannière header présente sous le header du site. Il est possible d animer la partie haute du papier peint, en diffusant un fichier flash de px avec un fond transparent, nous consulter. Par défaut, le papier peint se déplace quand on scroll dans la page. Template PSD FP = Fond perdu vers l intérieur (zone surplus de fond afin que celui-ci soit bien affiché sur toute la surface de la page, sans que l application des marges ne laisse apparaître de marge blanche). Bannière push down (= launch unit) Extensions acceptées Tracking possible Scénario Conception technique FORMATS DISPLAY IMPACTANTS ko - Clic-command pour les clics; - Pixel de comptage pour les impressions; Au premier affichage, la bannière push down est dépliée ( ) et a poussé le contenu de la page vers le bas. Celle-ci se replie automatiquement après 6 secondes sur sa partie haute de 90 px, qui reste donc toujours visible, et le contenu remonte sous la bannière. L internaute a la possibilité de refermer manuellement le format en cliquant sur le bouton «Fermer». Aux affichages suivants, la bannière push down est repliée par défaut. Il est possible de prévoir un bouton «Rejouer» (action de l internaute au clic ; rollover proscrit) qui redéployera le format dans sa taille max ( ) sans limitation de durée à condition d avoir un bouton «Fermer». Le mouvement ne doit pas être réalisé : il est exécuté grâce à notre script. ActionScript du bouton «Fermer» (visuel et texte de préférence en bas à droite) : on (release) {geturl("javascript:xclose();");} ActionScript du bouton «Rejouer» : on (release) {geturl("javascript:xopen();");} Les spécifications générales s appliquent aux formats référencés ci-dessous (se reporter à la page 2). 1 Tout dépassement du poids recommandé est sous réserve de l'acceptation de l éditeur. 2 Les formats hors maquette livrés en redirect devront être obligatoirement compatible avec la technologie «iframe buster» ou compatible à un usage asynchrone (friendly iframe). Amaury Médias Spécifications techniques version 2.8 5

6 Les formats impactant doivent être livrés 5 jours ouvrés avant le début de la diffusion afin de permettre les tests et validations nécessaires à leur mise en ligne. Certains formats impactant sont soumis à la validation préalable des éditeurs avant diffusion. Masthead Extensions acceptées Tracking possible Scénario ko gif, swf 3, redirect 1, - Clic-command pour les clics; - Pixel de comptage pour les impressions; A l affichage, le masthead est affiché dans sa taille complète ( ). L hébergement des vidéos n est pas pris en charge par la régie (se reporter à la page 2). Un bouton «Fermer» permet de réduire l'intégralité du Masthead, puis est remplacée par un bouton permettant de voir à nouveau le masthead («Voir l annonce», «Rejouer» par exemple). Lorsqu'un internaute clique sur le bouton «Fermer», le masthead disparaît, le contenu de la page remonte. Si l internaute clique sur le bouton (rollover proscrit) pour revoir le masthead, celle-ci réapparaît, le contenu de la page redescend. 1 Les formats hors maquette livrés en redirect devront être obligatoirement compatible avec la technologie «iframe buster» ou compatible à un usage asynchrone (friendly iframe). 3 Joindre obligatoirement une image de back-up (gif/jpeg/png). Amaury Médias Spécifications techniques version 2.8 6

7 FORMATS INSTREAM Cette page va détailler les spécifications pour les publicités vidéo instream sur nos players vidéo. Votre film publicitaire peut être diffusé au démarrage (pré-roll) ou à la fin de la vidéo (post-roll). Durée Pré-roll : 5 à 20 secondes max. Post-roll : 5 à 30 secondes max. Il est indispensable de nous livrer une des deux définitions dans la configuration suivante : Définition moyenne Définition haute (16:9) (16:9) Bitrate vidéo 500 kbps max. 700 kbps max. Bitrate audio 128 kbps max. 128 kbps max. 2 Mo 4 Mo Extensions acceptées - mp4 à la norme MPEG-4 (encodage H264/AVC) avec url de redirection ; - redirect à la norme VAST complet ; Tracking possible Remarques - Clic-command pour les clics; - Pixel de comptage pour les impressions; Le fichier doit être encodé avec l index en début de fichier et non à la fin. Le format pré-roll comporte un bouton «Skip» qui s affiche, sous la forme d une croix en haut à droite, après 20 secondes de visionnage. 1 Tout dépassement du poids recommandé est sous réserve de l'acceptation de l éditeur. Amaury Médias Spécifications techniques version 2.8 7

8 HABILLAGES Les spécifications générales (flash, vidéo/son, ) s appliquent à tous les formats référencés ci-dessous (se reporter à la page 2). Ces compositions d habillage sont valables sauf mention contraire sur l ordre d insertion et les différents accords commerciaux signés. Site L Equipe.fr L EquipeMag.fr L Equipe21.fr FranceFootball.fr LeParisien.fr Sport&Style.fr Adrénaline.fr Forfait Pavés (haut, medium) Spé. page 4 Full bannière basse uniquem. Spé. page 4 Papier peint Spé. page 5 Habillage Format impactant* Habillage + impactant Habillage Habillage + impactant (haut uniq., hors HP pour Adrénaline.fr) (haut uniq., hors HP pour Adrénaline.fr) (*) Les spécifications du format impactant sont à définir au cas par cas et sa diffusion est sous réserve de l'acceptation de l éditeur (se reporter aux recommandations à la page 6). Note : Bandeau d information sur les cookies Suite aux recommandations de la CNIL, un bandeau d information a été mise en place sur nos supports web pour avertir l internaute de l utilisation des cookies. Sur L Equipe.fr, le bandeau n a pas d impact sur les éléments publicitaires. Sur Le Parisien.fr, ce bandeau décale verticalement le site de 30px : Ce bandeau disparait si l internaute clique sur le bouton «OK» et n apparait plus pour la suite de sa visite. Pour tester la présence du bandeau, il faut vérifier que la balise <body> contient la classe «cookieshow». Amaury Médias Spécifications techniques version 2.8 8

9 DISPOSITIFS SPECIAUX (FORMAT IMPACTANT) Les sites d Amaury Médias permettent de diffuser des dispositifs spéciaux et uniques répondant à la créativité des campagnes digitales (formats impactant, rotation de créations, etc). Pour tous les dispositifs spéciaux, il est nécessaire, au préalable, de nous briefer et de valider la faisabilité technique auprès de votre contact commercial et du traffic au moins 15 jours ouvrés ava nt la date de début de diffusion. Ce brief doit contenir toutes les informations utiles à la compréhension et à la mise en place (scénario, maquettes, etc). Ce brief est extrêmement important car il nous permettra de réaliser les différentes validations nécessaires à sa diffusion (éditeur, technique, etc). Dans le cas où le dispositif est validé, des spécifications techniques spéciales peuvent être éditées si le brief le nécessite (en fonction de contraintes liées à sa diffusion par exemple). Nous n avons pas de recommandation générale pour ce type de dispositifs, chacun étant unique. Les spécifications générales de ce document s appliquent de toute manière automatiquement à ces dispositifs spéciaux. De manière générale : Toute création hors maquette et en autoplay (déstructuration, etc) ne doit pas dépasser les 6 secondes max d animation. L internaute doit avoir obligatoirement accès à un bouton «Fermer» bien visible (icone d une croix et mention texte «Fermer» - bouton avec fond ou avec bordure identifiable), recommandé en haut à droite. En cas de son, celui-ci doit être OFF par défaut. Cette animation sera obligatoirement cappée à 1/jour/internaute. L annonceur peut donner la possibilité à l internaute de rejouer volontairement l animation, sans limitation de durée, bouton Fermer obligatoire et son ON autorisé, à travers un call-to-action dans les créations standards. La création ne doit pas imiter les pages, le design, les images ni les logos. Elle ne doit pas recouvrir le header des sites. La création ne doit pas imiter des processus système (chargement de données, mise en mémoire tampon, délais) pouvant être interprétés comme des actions propres de leur ordinateur. Amaury Médias recommande fortement de travailler avec des partenaires spécialisés dans la création, mise en place et diffusion de dispositif spéciaux tel que Massmotionmedia, etc. Sous l application de frais technique, il est possible qu Amaury Médias se charge du partenaire pour la diffusion de votre dispositif. Amaury Médias Spécifications techniques version 2.8 9