Spécifications techniques créations publicitaires 2017

Transcription

1 Spécifications techniques créations publicitaires 2017

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

3 Le site Boursier.com est passé en responsive design, nous avons donc besoin de formats différents selon les devices Formats Desktop Mobile Format Pavé 300 x x x x 600 Format Bannière 728 x x x x 50 Format Interstitiel 600 x x 600 vidéo possible 320 x x 960 vidéo possible Format Footer x 70 => x 400 Non diffusé Format Launch Unit x 90 => x 415 Non diffusé Format Habillage Arche x 660 Bannière 970 x 250 Format Habillage vidéo Arche x vidéo Non diffusé

4 Habillage Arche + Pavé (300x250) ou Grand Angle (300x600) Une création JPEG de 1500px de largeur x 660px de hauteur pour le desktop Une création JPEG de 970px de largeur x 250px de hauteur pour le mobile 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. Pavé 300 x 250 ou 300 x Redirect accepté 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) Figure 02 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.. 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 Figure 01 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. Prévoir un dégradé dans la partie basse de l habillage si la zone latérale est fournie visuellement.

5 Habillage vidéo Arche + vidéo + Pavé (300x250) ou Grand Angle (300x600) Une création JPEG de 1500px de largeur x 660px de hauteur. Pas de version mobile 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. 1 vidéo au format mp4 Pavé 300 x 250 ou 300 x Redirect accepté 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) Figure 02 La hauteur du header ne doit pas dépasser 170px. 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.. 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. Prévoir un espace vide dans le header pour l intégration de la vidéo. CONTRAINTES PUBLICITAIRES L essentiel du visuel doit être concentré sur la partie supérieure de l habillage. - L habillage est Figure 01 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. Prévoir un dégradé dans la partie basse de l habillage si la zone latérale est fournie visuellement.

6 Interstitiel Une création JPEG / GIF / HTML5 800 px de large sur 600 px de haut maximum pour le desktop Une création JPEG / GIF / HTML5 320 px de large sur 480 px de haut maximum pour le mobile L URL de redirection à programmer lors d un clic sur le format publicitaire.. Un GIF ou JPEG de backup si format HTML5 fourni. Redirect accepté <!> Pour tout hébergement de vidéo, merci de vous mettre en relation avec votre contact commercial pour un devis. CONTRAINTES TECHNIQUES pour les formats Gif ou Jpg Le poids de chaque création ne doit pas excéder 80 Ko. Si besoin, baisser la qualité de l image de 100 à 60%. L animation totale doit durer au maximum 10 secondes. CONTRAINTES TECHNIQUES pour le format HTML5 Le poids de chaque création ne doit pas excéder 200 Ko. Le jquery doit utiliser son propre namespace (donc pas de $., $() ou de jquery.) afin de ne pas interférer avec les scripts du site et les autres créas Les libraires doivent pouvoir fonctionner sur un namespace spécifique afin de ne pas interférer avec les sites et les autres créas Les scripts ne doivent pas nuire à l'espace global, et être définis sur un namespace propre à la créa, et toutes définitions de variables ou fonctions doivent se faire sur ce même namespace Les styles doivent être définis sur la base d'une classe parente exclusive à la créa, pas de nom générique, afin de ne pas interférer avec le site ou les autres créas (utiliser un double underscore au début de ce nom, ex:. macrea12389 { /*... */ } <!> Si les créas sont livrées en dur, merci de nous fournir : Le dossier contenant tous les fichiers de la créa : (les images, les fichiers HTML, CSS, JavaScript)

7 Footer Expand Une création GIF / JPG / HTML5 de 1000px de large sur 70px de haut (format plié). Une création GIF / JPG / HTML5 de 1000px de large sur 400px de haut (format expand). Pas de version mobile 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. Bien vérifier que le fond soit en bien en aplat et non en transparence Redirect accepté CONTRAINTES TECHNIQUES pour les formats Gif et JPG Le poids de chaque créations GIF / JPG ne doit pas excéder 70 Ko si hébergée sur l Ad Server. 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. 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. CONTRAINTES TECHNIQUES pour le format HTML5 Le poids de chaque création ne doit pas excéder 200 Ko. Le jquery doit utiliser son propre namespace (donc pas de $., $() ou de jquery.) afin de ne pas interférer avec les scripts du site et les autres créas Les libraires doivent pouvoir fonctionner sur un namespace spécifique afin de ne pas interférer avec les sites et les autres créas Les scripts ne doivent pas nuire à l'espace global, et être définis sur un namespace propre à la créa, et toutes définitions de variables ou fonctions doivent se faire sur ce même namespace Les styles doivent être définis sur la base d'une classe parente exclusive à la créa, pas de nom générique, afin de ne pas interférer avec le site ou les autres créas (utiliser un double underscore au début de ce nom, ex:. macrea12389 { /*... */ } <!> Si les créas sont livrées en dur, merci de nous fournir : Le dossier contenant tous les fichiers de la créa : (les images, les fichiers HTML, CSS, JavaScript)

8 Launch Unit Une création JPEG, GIF, PNG ou HTML5 de 1000px de large sur 90px de haut pour le format fermé. Une création JPEG GIF, PNG ou HTML5 de 1000px de large sur 415px de haut pour le format expand. Pas de version mobile L URL de redirection à programmer lors d un clic sur le format publicitaire. Redirect accepté CONTRAINTES TECHNIQUES pour les formats JPEG, GIF ou PNG Le poids de la création JPEG, GIF ou PNG fermée ne doit pas excéder 50 Ko. Le poids de la création JPEG, GIF ou PNG expand ne doit pas excéder 80 Ko. L expand pousse le site vers le bas («Push Down»), automatiquement au 1er chargement.. La durée de l expand sera de 8 secondes. CONTRAINTES TECHNIQUES pour le format HTML5 Le poids de chaque création ne doit pas excéder 200 Ko. Le jquery doit utiliser son propre namespace (donc pas de $., $() ou de jquery.) afin de ne pas interférer avec les scripts du site et les autres créas Les libraires doivent pouvoir fonctionner sur un namespace spécifique afin de ne pas interférer avec les sites et les autres créas Les scripts ne doivent pas nuire à l'espace global, et être définis sur un namespace propre à la créa, et toutes définitions de variables ou fonctions doivent se faire sur ce même namespace Les styles doivent être définis sur la base d'une classe parente exclusive à la créa, pas de nom générique, afin de ne pas interférer avec le site ou les autres créas (utiliser un double underscore au début de ce nom, ex:. macrea12389 { /*... */ } <!> Si les créas sont livrées en dur, merci de nous fournir : Le dossier contenant tous les fichiers de la créa : (les images, les fichiers HTML, CSS, JavaScript) S il y a une vidéo sur la partie expand, le durée max est de 30 sec et le son doit être off par défaut et activé par roll-over

9 Formats classiques : Bannières et Pavé Une création JPEG / GIF /HTML5 respectant les standards recommandés par l IAB : 728x90 (Mega Banner), 1000x100 (Giga Banner), 1000x200 (Maxi Banner), 468x60, 320 x 50 (version bannière mobile) 120x600, 260x360, 300x250 (Pavé) (idem pour version mobile), 250x250, 300x600 (Grand Angle) (idem pour version mobile) ou 994x65 (SlimBan) pixels,, 1000x200 et 1000x260 pixels. Les fichier HTML5 doivent avoir un GIF ou JPG de backup. L URL de redirection à programmer lors d un clic sur le format publicitaire. Redirect accepté CONTRAINTES TECHNIQUES pour les formats Gif ou Jpg Le poids des formats ne doit pas excéder 70 Ko. CONTRAINTES TECHNIQUES pour le format HTML5 Le poids de chaque création ne doit pas excéder 200 Ko. Le jquery doit utiliser son propre namespace (donc pas de $., $() ou de jquery.) afin de ne pas interférer avec les scripts du site et les autres créas Les libraires doivent pouvoir fonctionner sur un namespace spécifique afin de ne pas interférer avec les sites et les autres créas Les scripts ne doivent pas nuire à l'espace global, et être définis sur un namespace propre à la créa, et toutes définitions de variables ou fonctions doivent se faire sur ce même namespace Les styles doivent être définis sur la base d'une classe parente exclusive à la créa, pas de nom générique, afin de ne pas interférer avec le site ou les autres créas (utiliser un double underscore au début de ce nom, ex:. macrea12389 { /*... */ } <!> Si les créas sont livrées en dur, merci de nous fournir : Le dossier contenant tous les fichiers de la créa : (les images, les fichiers HTML, CSS, JavaScript)

10 Format Native Une image 90x55px, gif, jpg ou png Texte 120 caractères max espace compris L URL de redirection à programmer lors d un clic sur le format publicitaire. Idem pour la version mobile

11 Pack Icône Vignette HP : img 136 x 82 - gif, jpg ou png NON ANIMEE Texte : texte 90 caractères espaces compris Vignette RG : img 109 x 66 - gif, jpg ou png NON ANIMEE Texte : texte 90 caractères espaces compris L URL de redirection à programmer lors d un clic sur le format publicitaire. idem pour la version mobile

12 Pack Demande de Docs Vignette HP : img 136 x 82 - gif, jpg ou png NON ANIMEE Texte : texte 90 caractères espaces compris Vignette RG : img 109 x 66 - gif, jpg ou png NON ANIMEE Texte : texte 90 caractères espaces compris L URL de redirection à programmer lors d un clic sur le format publicitaire. Idem pour la version mobile

13 Vignette Partenaire Vignette : img 136 x 50 - gif, jpg ou png NON ANIMEE Texte : texte 90 caractères espaces compris L URL de redirection à programmer lors d un clic sur le format publicitaire. Idem pour la version mobile

14 Vignette Bas de Page Vignette : img 200 x 80 - gif, jpg ou png NON ANIMEE Texte : texte 150 caractères espaces compris L URL de redirection à programmer lors d un clic sur le format publicitaire. Idem pour la version mobile

15 Newsletter Une création JPEG / GIF respectant les standards recommandés par l IAB : 468x60, 120x600, 300x250 (Pavé) Poids max 60ko L URL de redirection à programmer lors d un clic sur le format publicitaire Nouveau! Format Native Elément à fournir Une image en jpg 220px sur 130px Texte Titre = 50 caracteres max espace compris sous-titre = 40 caracteres max espace compris Texte = 150 caracteres max espace compris L URL de redirection à programmer lors d un clic sur le format publicitaire

16 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)

17 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

18 Contacts Envoyer vos éléments Traffic Manager Jennifer LE QUERRE 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 // gwenola.dechaunac@boursier.com@boursier.com En cas de non respect de ces instructions nous ne saurions vous garantir la programmation