Spezifikationen Werbemittel

SPÉCIFICATIONS TECHNIQUES DES FORMATS PUBLICITAIRES
1
TABLE DE MATIÈRES
•
•
•
•
Directives pour tous les moyens publicitaires
Directives HTML5
Mobile Spécification technique
Video Advertising
• Wilmaa Spécification
• Tailles maximales de formats standard
2
DIRECTIVES POUR TOUS LES MOYENS PUBLICITAIRES
3
DIRECTIVES POUR TOUS LES MOYENS PUBLICITAIRES
•
•
•
•
•
•
•
•
•
Tous les moyens publicitaires doivent être livrés dans l'Ad Size convenue (pixels en hauteur et largeur)
Ne dépassez pas les tailles de fichier maximales
Les liens doivent toujours s'ouvrir dans une nouvelle fenêtre
Veuillez utiliser la commande target= "_blank" pour ouvrir une nouvelle fenêtre après le clic
Il faut envoyer les moyens publicitaires HTML en tant que fichiers *.TXT et *.HTML dans un fichier *.ZIP (pas en tant que
contenu e-mail)
Veillez au marquage des moyens publicitaires. Nous recommandons une convention de nommage claire. Par exemple
Format_Langue_Sujet_Date.sw
Envoyez les moyens publicitaires à vos interlocuteurs avec toutes les indications nécessaires.
Respectez le délai de mise en œuvre de 5 jours pour la mise en place de moyens publicitaires sur l'Ad Server
Dès maintenant, le matériel publicitaire (Tags) doit être livré au format https pour une intégration correcte. Les références
à des ressources externes incluses dans le matériel publicitaire (Comptage, JS-Libraries, Videos, Fonts…) doivent toutes être
livrées en SSL (https://).
Pour toutes les questions concernant les spécifications des publicités, veuillez contacter votre interlocuteur.
4
DIRECTIVES HTML5
5
DIRECTIVES HTML5
• HTML5
Lors du changement de différents navigateurs, les contenus Flash ne sont pas directement transmis. Pour lire les
bannières, une autre interaction de l’utilisateur est nécessaire. Cela concerne Firefox v44.0, Safari depuis quelque temps et
Chrome à partir du 1er septembre 2015. Cela implique des inconvénients considérables pour les publicités au format
Flash. Par conséquent, les publicités en HTML5 sont actuellement préférées.
• Formats de bannières
Les normes suivantes s’appliquent à tous les formats à dimensions fixes, cela signifie:
redimensionner proportionnellement ou librement la hauteur et la largeur conformément aux normes publicitaires IAB pour les
formes publicitaires standard, à l’exception des publicités superposées au contenu des pages Internet. Par exemple une
SitebarAd. Vous trouverez des comparaisons ici:
• http://www.werbeformen.org
• http://www.iab.com/guidelines/iab-display-advertising-guidelines/
6
DIRECTIVES HTML5
TAILLE DE FICHIER
A l’instar des sites Internet, les publicités HTML5 se composent
de plusieurs éléments qui, contrairement à Flash, ne peuvent
être ni rassemblés ni compressés dans un dossier. Ces
éléments sont les suivants:
•
•
•
•
•
Fichiers HTML
CSS
Bibliothèques (Javascript, JQuery, etc.)
Images
Vidéos
Les publicités ne devraient pas être plus grandes que:
• taille totale maximale du fichier: 150 KB
• charge initiale maximale: 50 KB
Afin de ne pas retarder inutilement la création du site et de la
publicité, il convient, lors de l’élaboration du site, de veiller à
ce que les différents éléments des publicités HTML5 soient
présents en petite quantité et que la taille des fichiers
soit la plus petite possible afin de minimiser les processus
et les requêtes de serveur (serverrequests). Pour ce faire, il
s’agit d’appliquer des méthodes de compilation de codes et
des optimisations de code dans un fichier. L’application de ces
éléments se fait par compression et par des procédés
d’optimisation, ainsi qu’en utilisant des animations avec
modération et en intégrant des éléments externes comme les
polices et les bibliothèques, également pris en compte dans la
taille des fichiers. Les structures comprenant des sousrépertoires sont à éviter.
7
DIRECTIVES HTML5
• Images backup, compatibilité du navigateur
Si un navigateur ne supporte pas une fonctionnalité
particulière ou une bibliothèque présente dans la publicité,
un fallback JPG/GIF défini sera alors affiché. Si la publicité
n’est pas prise en charge par IE 9, par exemple, l’agence doit
alors faire en sorte que le fallback s’affiche dans le
navigateur. L’agence créative doit tester les publicités sur tous
les navigateurs courants et informer le distributeur de ceux à
exclure.
 Les images alternatives sont trop lourdes et vous ne
voulez pas perdre en qualité? Alors, utilisez pour
JPG/PNG: https://compressor.io/
• Compression des graphiques
Les graphiques devront être optimisés en fonction de la taille
du fichier. L’utilisation de PNG‐Crusher et de graphiques
vectoriels modulables est recommandée.
• Animation
En cas d’animations, il s’agit de veiller à ce que ces dernières
ne surchargent pas inutilement le CPU du client. Il font donc
éviter la lecture parallèle de plusieurs animations et le
chevauchement de graphiques transparents. L’utilisation
d’animations CSS3 ou Javascript est à définir en fonction du
débit de traitement du CPU et du GPU.
Source: http://www.bvdw.org/presseserver/HTML5_Richtlinie/bvdw_ovk_html5%20richtlinie_final_20150720.pdf
8
DIRECTIVES HTML5
• Vidéo
Les vidéos sont intégrées dans les publicités HTML5 pendant la journée. Les publicités contenant des vidéos doivent être dotées
d’une image preview (poster); la vidéo commence dès qu’elle est chargée, p. ex. grâce à l’interaction de l’utilisateur sur la
plupart des terminaux mobiles. Il convient de veiller à ce qu’aucun clickTAG ne soit placé sur les vidéos sur les terminaux
mobiles. Le clickTAG devra être enregistré dans un emplacement extérieur à la vidéo.
La vidéo doit être optimisée en fonction de sa qualité et de sa taille et diffusée dans un environnement serveur approprié.
(Taille max. de la vidéo = 2.5 MB)
La vidéo doit être mise à disposition en H264/MP4 ainsi qu’en VP8/WebM. Exemple de code:
<video controls height='640’ width='360'>
<source src='yourVideo.mp4’ type='video/mp4’ />
<source src='yourVideo.webm’ type='video/webm’ />
</video>
9
• Nous acceptons les redirections et publicités HTML5
physiques conformes aux spécifications DoubleClick Studio.
• DoubleClick Studio est un outil destiné aux agences de
publicité et aux agences créatives pour le téléchargement
de publicités RichMedia, permettant de gérer et de
contrôler l’ensemble des paramètres et fonctions et
d’assurer une livraison techniquement professionnelle.
• L’hébergement DoubleClick Studio fait l’objet de coûts
supplémentaires. Les suppléments PMC sont listés sur la
diapo suivante.
• Outils créatifs/de design possibles avec les
modèles/templates DoubleClick Studio nécessaires
correspondants:
• Google Web Designer
• Google Web Designer Templates
• Google Web Designer Anleitung
• Adobe Edge
• Adobe Edge Templates
• Adobe Edge Anleitung
10
Rich Media
DIRECTIVES HTML5
HTML5 PMC SURTAXE
Format
PMC Surtaxe
In Page
CHF 0.15
Floating, Expanding
CHF 0.60
Video
CHF 1.00
11
MOBILE SPÉCIFICATION TECHNIQUE
12
MOBILE SPÉCIFICATION TECHNIQUE: SMARTPHONE
MOBILE WEBSITES / APPS (IOS & ANDROID)
Moyens publicitaires
Taille
Poids
Formats
Mobile / App Banner Portrait
320x50 / 640x100*
60 KB
JPG, .GIF, .PNG
Mobile / App Rectangle
300x250 / 600x500*
60 KB / 120 KB
JPG, .GIF, .PNG
Interstitial Portrait
320x480 / 640x960*
120 KB
JPG, .GIF, .PNG
Interstitial Landscape
480x320 / 960x640*
120 KB
JPG, .GIF, .PNG
Mobile / App Wideboard
320x160 / 640x320*
120 KB
JPG, .GIF, .PNG
* Optionnel. Seulement sur l’écran Retina.
13
MOBILE SPÉCIFICATION TECHNIQUE: TABLET
MOBILE WEBSITES / APPS (IOS & ANDROID)
Moyens publicitaires
Taille
Poids
Formats
Tablet Banner Portrait
768x90 / 1536x180*
120 KB
JPG, .GIF, .PNG
Tablet Rectangle
300x250 / 600x500*
60 KB
JPG, .GIF, .PNG
Tablet Interstitial Portrait
768x916 / 1536x1832*
150 KB
JPG, .GIF, .PNG
Tablet Interstitial Landscape
1024x655 / 2048x1310*
150 KB
JPG, .GIF, .PNG
* Optionnel. Seulement sur l’écran Retina.
14
MOBILE & TABLET
LES OBJECTIFS GÉNÉRAUX POUR LES MATÉRIELS
• La grandeur en Pixel et le poids des matériels ne peuvent pas dépasser les directives.
• Le matériel mobile doit être livrer dans un fichier *.ZIP et ne pas comme contenue d’E-Mail ou comme appendice.
• C’est possible de livrer des *.GIFs animés, à condition qu’ils ne dépassent pas les limites.
• Interstitials doivent toujours être livrés en format portrait et landscape.
• Les dimensions Retina sont optionnelles. Elles doivent toutefois être livrées lorsque la publicité est destinée à être affichée
sur des écrans haute définition en qualité fine, sans quoi les publicités semblent floues.
• C’est obligé de livrer une adresse internet séparément qui lance sur une page de Mobile ou Portail.
• La conception des matériels est libre.
• Envoyez les matériels et information nécessaire à votre interlocuteur.
• La livraison des matériels doivent avoir lieu au moins 4 jours ouvrables avant que la campagne commence.
15
VIDEO ADVERTISING
16
INSTREAM VIDEO AD
Vidéo - livraison du matériel publicitaire physique
•
•
•
•
•
•
Format:
Poids:
Taille vidéo:
Rapport longueur/hauteur:
Taux du cadre:
Durée:
• Volume EBU R128:
.MP4 .AVI .WebM .MPEG .WMV
max. 100 MB
1920x1080 Pixel
16:9
25 fps
selon le plan de production
(max. 30s)
-23 LUFs
Vidéo – VAST redirect
•
•
•
•
•
Format:
Rapport longueur/hauteur:
Débit binaire total:
Taux du cadre:
Durée:
• Volume EBU R128:
.MP4
16:9
VAST max. 900 kbps
25 fps
selon le plan de production
(max. 30s)
-23 LUFs
 VPAID nur auf Anfrage
 VPAID nur auf Anfrage
17
WILMAA
SPÉCIFICATIONS
18
SPÉCIFICATIONS WILMAA 1/2
Formats
Taille
Duration / Poids
Premium Ad (Welcome)
S’écoule en couleur si volue, pour cela nommer le
Hexcode s’il vous plaît. (bspw. #FFFFFF)
.MP4
jusqu‘à max. 1280x800
-30“ / max. 4 MB
30“ - 60“ / max. 8 MB
Premium Ad & Wallpaper
.MP4
512x288 jusqu‘à max. 700x500
max. 60“ / max. 4 MB
Wallpaper + Farbcode (Default #FFFFFF)
complément au Welcome Ad
.PNG /.JPG
1280x800 (s‘écoule en code
couleur)
max. 100 KB
Standard Ad (Channel Switch)
Video: .MP4
jusqu‘à max. 1024x576
max. 30“ / max. 4 MB
Standard Ad & Premium Ad Mobile
Video: .MP4
jusqu‘à max. 1024x576
max. 30“ / max. 2 MB
D’écoule en couleur, pour cela nommer le Hexcode
s’il vous plaît. (Default = #FFFFFF / Weiss )
19
SPÉCIFICATIONS WILMAA 2/2
Formats
Click & Mail**
Combinaison Premium Ad /
Standard Ad
Taille
E-mail complet aux formats HTML Largeur max. 680
et texte.
La présentation et la fonctionnalité
doivent être optimisées et testées
sur les e-mails clients Outlook,
Lotus Notes et gmail (webmail).
Duration / Poids
-
Voir les spécifications des moyens publicitaires correspondantes ci-dessous.
Livraison des moyens publicitaires
Cassettes 10 jours ouvrables, moyens publicitaires numériques 3 jours ouvrables avant le début de la
campagne
**Click&Mail
Texte pour bulle: „Salut [nom de l‘utilisateur], es-tu intéressé par des infos concernant [offre (max . 45
caractères)] ?“
Combinaison avec le Premium Ad ou Standard Ad
Son
Doit être intégré dans le moyen publicitaire, le son est enclenché par défaut. Le volume doit être conforme aux
lignes directrices de EBU R128.
20
SPÉCIFICATIONS WILMAA – WALLPAPER CREATIVE GUIDE
21
SPÉCIFICATIONS WILMAA
PRODUITS BRUTS WILMAA
Données et recommandations des produits bruts. Format de fichier à livrer: .F4V (Flash Video)
22
TAILLES MAXIMALES DE FORMATS STANDARD
23
TAILLES MAXIMALES DE FORMATS STANDARD
Moyens publicitaires
Taille max
Taille expanded max
Poids en KB
Fullbanner
468x60
468x300
40
Leaderboard
728x90
994x560
50
Billboard
728x300
Wide Skyscraper
160x600
800x600
50
Half Page Ad
300x600
900x600
50
Medium Rectangle
300x250
500x500
50
Maxiboard
994x118
994x354
50
Wideboard
994x250
994x500
50
Monstersky
245x770
735x770
50
Floating Ad
On demande
50
50
D'autres tailles et formats selon les données de médias des différents sites Web se trouvent sous www.onlinemediatool.ch
24
MERCI
Goldbach Audience (Switzerland) AG
Seestrasse 39 | 8700 Küsnacht-Zürich
T +41 44 914 92 70
www.goldbachaudience.com
[email protected]
25