Spécifications techniques créations publicitaires 2015

Transcription

1 Spécifications techniques créations publicitaires 2015

2 1.357 millions de visiteurs uniques millions De page vues/ mois (Source AT Internet Mars 2015) (Source AT internet Mars 2015)

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: En AS3 Le code suivant doit être placé sur le bouton de clicktag : on(release){ geturl(_root.clicktag,"_blank"); } Le code suivant doit être placé sur un calque «actions». Remplacez mazonecliquable par le nom d occurrence de votre zone cliquable : import flash.display.*; import flash.events.*; mazonecliquable.addeventlistener(mouseevent.click, redirect); function redirect(e:mouseevent) { try{ var clicktag = this.root.loaderinfo.parameters.clicktag; }catch(e:error) {} if(clicktag){ navigatetourl(new URLRequest(clickTag), "_blank");

4 Pavé / Flash transparent FERMETURE DU FLASH TRANSPARENT : Un bouton Flash de fermeture doit être placé en haut à droite de la création. En AS3 Le code suivant doit être placé sur la dernière image clé de l animation : on(release){ geturl(«javascript: pub_ist_hd()»); } Le code suivant doit être placé sur la dernière image clé de l animation : var myrequestend:urlrequest = new URLRequest(«javascript: pub_ist_hd()»); navigatetourl(myrequestend, «_self»);

5 Interstitiel FERMETURE AUTOMATIQUE : La publicité doit se fermer automatiquement à la fin de l animation (inutile d intégrer un bouton de fermeture, un lien «Accéder directement au site» est ajouté en pied de création). En AS3 Le code suivant doit être placé sur la dernière image clé de l animation : geturl(«javascript: a2d_pub_ist()»); Le code suivant doit être placé sur la dernière image clé de l animation : var myrequestend:urlrequest = new URLRequest(«javascript: a2d_pub_ist()»); navigatetourl(myrequestend, «_self»);

6 Launch Unit FERMETURE MANUELLE DE L EXPAND Code pour le bouton «xfermer» Code pour le bouton «fermer» : on(release){ geturl("javascript:a2d_close_lu()"); } Lorsque la vidéo arrive à son terme, le player doit automatiquement fermer l expand. Pour réaliser cela, voici un exemple AS2 utilisable dans le cas d un composant FLV Playback nommé «video» et placé directement au premier niveau de la scène. Code pour la fermeture automatique en fin de vidéo : var finvideo:object = new Object(); finvideo.complete = function(evt){ geturl("javascript:a2d_close_lu()"); } video.addeventlistener("complete", finvideo);

7 Habillage Arche + Pavé (300x250) ou Grand Angle (300x600) Une création JPEG de 1500px de largeur x 660px de hauteur. La couleur de fond de l habillage (#123456) à configurer avec la création. L URL de redirection à programmer lors d un clic sur la création. CONTRAINTES TECHNIQUES La zone noire hachurée correspond à la place de l habillage sur le site (voir fig.1) : Le poids de la création JPEG ne doit pas excéder 100 Ko.. Si besoin, baisser la qualité de l image de 100 à 60%. SPECIFICATIONS TECHNIQUES HABILLAGE Concernant le gabarit (voir fig.2) La hauteur du header doit être égale à 150px. Conseil : Laissez au moins 5 à 10px d espace entre le site et le début des éléments graphiques, afin de bien démarquer la création publicitaire du contenu du site.. Figure 02 La partie de l image située derrière le contenu du site web doit être remplie de blanc. Elle doit être centrée sur l axe vertical par rapport à la largeur totale de l habillage. CONTRAINTES PUBLICITAIRES L essentiel du visuel doit être concentré sur la partie supérieure de l habillage. - L habillage est optimisé pour une résolution de 1280px de largeur. Ne pas intégrer les éléments graphiques et textes importants de la publicité sur les bords extérieurs de l habillage, afin que les internautes possédant une résolution d écran moins élevée puissent comprendre le message publicitaire. Figure 01 Prévoir un dégradé dans la partie basse de l habillage si la zone latérale est fournie visuellement.

8 Interstitiel Une création JPEG / GIF / SWF de 700 px de large sur 450 px de haut maximum.. L URL de redirection à programmer lors d un clic sur le format publicitaire.. Un GIF ou JPEG de backup si un SWF est fourni. <!> Les scripts redirects doivent intégrer le fond de page, le lien «Accéder directement au site» et la fermeture automatique. Tous ces éléments sont mentionnés dans les contraintes techniques ci-après. Les éléments doivent être centrés sur la page. Pour tout hébergement de vidéo, merci de vous mettre en relation avec votre contact commercial pour un devis. CONTRAINTES TECHNIQUES Le poids de chaque création ne doit pas excéder 50 Ko. Si besoin, baisser la qualité de l image de 100 à 60%. L animation totale doit durer au maximum 8 secondes.

9 Pavé + Flash transparent Pour le pavé Une création JPEG/GIF/SWF 300px de large sur 250px de haut. Un GIF ou JPEG de backup si SWF fourni. L URL de redirection à programmer lors d un clic sur les formats publicitaires. Pour le flash transparent Une création SWF de 400px de large sur 400px de haut maximum. Un GIF ou JPEG de backup. <!> Par défaut, le Flash transparent se centre sur l écran d affichage. <!> Si les créations sont hébergées sur des serveurs externes et/ou si les créations excèdent les poids maximum : fournir l URL pointant vers la création ou un unique JavaScript de redirection (redirect) gérant le dispositif Pavé+Flash Transparent. Ne pas mettre un z-index supérieur à dans le cas d un redirect. Le clicktag doit être intégré sur le PAVE comme sur le FLASH TRANSPARENT. CONTRAINTES TECHNIQUES Le poids du PAVE ne doit pas excéder 40 Ko. Le poids du FLASH TRANSPARENT ne doit pas excéder 50 Ko. Si besoin, baisser la qualité de l image de 100 à 60%. Le FLASH TRANSPARENT est cappé à un affichage par visiteur unique / jour. L animation totale du FLASH TRANSPARENT doit durer au maximum 6 secondes.

10 Footer Expand Une création SWF de 1000px de large sur 70px de haut (format plié). Une création SWF de 1000px de large sur 400px de haut (format expand). L URL de redirection à programmer lors d un clic sur les formats publicitaires. La couleur de fond du Footer en adéquation avec les créations. CONTRAINTES TECHNIQUES Le poids de chaque créations SWF ne doit pas excéder 50 Ko si hébergée sur l Ad Server. Si le format Expand contient une vidéo, son poids doit être optimisé pour le meilleur rendu poids/qualité possible. <!> Pour un hébergement de vidéo par nos services, veuillez consulter votre contact commercial pour un devis. Si le format Expand contient une vidéo, elle doit se lancer automatiquement. Pour les redirects : Un onglet «Publicité» y est intégré. Le format Expand s ouvre au premier roll over. Par la suite c est au clic qu il s ouvre. Le format publicitaire ne doit en aucun cas gêner l accessibilité et la lisibilité du contenu du site sur la partie inférieure du navigateur.

11 Launch Unit Une création SWF JPEG GIF ou PNG de 1000px de large sur 90px de haut pour le format fermé. Une création SWF JPEG GIF ou PNG de 1000px de large sur 415px de haut pour le format expand. Si l expand contient une vidéo, la durée exacte de cette vidéo. L URL de redirection à programmer lors d un clic sur le format publicitaire. CONTRAINTES TECHNIQUES Le poids de la création SWF fermée ne doit pas excéder 50 Ko. Le poids de la création SWF expand ne doit pas excéder 80 Ko. L expand pousse le site vers le bas («Push Down»), automatiquement au 1er chargement.. Si le Launch Unit n est pas vidéo, la durée de l expand sera de 8 secondes. Si une vidéo (30 secondes maximum) est lancée dans le SWF expand, le poids de cette vidéo FLV doit être optimisé pour le meilleur rendu poids/qualité possible. TOUT HEBERGEMENT VIDEO PAR LA REGIE est payant <!> Pour tout hébergement de vidéo par nos services, merci de consulter votre contact commercial pour un devis. ATTENTION : Si la vidéo est hébergée par Lagardère Publicité, elle doit être appelée dans le player vidéo présent dans l animation SWF expand, à la racine du dossier où sera herbérgé le SWF expand. Les animations Flash doivent comprendre un bouton «xfermer» intégré dans le coin supérieur droit du format expand (cf code page 3). La hauteur du header doit être égale à 150px. Dans le cadre d un Launch Unit Vidéo, un player FLV (composant FLVPlayBack conseillé) doit être intégré dans le SWF Expand : La partie de l image située derrière le contenu du site web doit être remplie de blanc. Le son doit être actif uniquement au roll over sur la création expand. L expand se replie automatiquement lorsque la vidéo se termine (cf code page 3).

12 Formats classiques : Bannières et Pavé Une création JPEG / GIF / SWF respectant les standards recommandés par l IAB : 728x90 (Mega Banner), 1000x100 (Giga Banner), 1000x200 (Maxi Banner), 468x60, 120x600, 260x360, 300x250 (Pavé), 250x250, 300x600 (Grand Angle) ou 994x65 (SlimBan) pixels, 1000x200 et 1000x260 pixels. Les SWF doivent être fournis avec un GIF ou JPG de backup. L URL de redirection à programmer lors d un clic sur le format publicitaire. Si les créations sont hébergées sur des serveurs autres que Lagardère Publicité et/ou si les créations excèdent les poids maximum : L URL pointant vers la création ou le script <IFRAME> de redirection*. Le clicktag doit être intégré. *<!> Pour les scripts de redirection, ne sont autorisés que les <IFRAME>. Ne pas mettre un z-index supérieur à dans le cas d un redirect. CONTRAINTES TECHNIQUES Le poids de chaque création ne doit pas excéder 40 Ko. Pour les SWF, nous recommandons un export version Flash 8. Gestion du clic : dans le cas d une création Flash, un calque contenant une zone cliquable transparente (symbole «bouton») de la taille de la publicité doit être placé au dessus des autrespour les redirects : <!> Pour un hébergement de vidéo par nos services, veuillez consulter votre contact commercial pour un devis.

13 Format Native Une image 90x55px L URL de redirection à programmer lors d un clic sur le format publicitaire.

14 Newsletter Une création JPEG / GIF respectant les standards recommandés par l IAB : 468x60, 120x600, 300x250 (Pavé) L URL de redirection à programmer lors d un clic sur le format publicitaire.

15 ings Le Sender. L Objet Heure et date d envoi Les s des personnes à qui adresser le BAT Le fichier HTML de l ing (les images doivent être de préférence hébergées chez l annonceur)

16 Alerte Abonnés L URL de redirection à programmer lors d un clic sur le format publicitaire. Une bannière en GIF (animé ou non) 468x60

17 Contacts Envoyer vos éléments Traffic Manager Jennifer LE QUERRE (ANGOT) Au plus tard 2 jours ouvrés avant la date de la campagne 5 jours ouvrés pour les habillages de Home Page Contacts Commerciaux : jocelyne.pero@boursier.com // suzanne.nguetta@boursier.com // david.moser@boursier.com En cas de non respect de ces instructions nous ne saurions vous garantir la programmation