SPÉCIFICATIONS TECHNIQUES DES FORMATS PUBLICITAIRES



Documents pareils
SPÉCIFICATIONS TECHNIQUES DES FORMATS PUBLICITAIRES

Spécifications techniques

formats mytamedia.ch Maxi Skyscraper Dimensions en pixels 245 x 600 Poids max. en Ko 70 CPM CHF 85 CPM ROS CHF 75

Spétechs Mobile. Octobre 2013

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014

Spétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e

Spécificités Techniques créations publicitaires

Guide des Spécifications Techniques

Tarifs France. Spécifications Techniques mars 2015

SPECIFICATIONS TECHNIQUES BANNIERES SITES PRISMA / TABLETTES / MOBILE

IPHONE BANNIÈRE CLASSIQUE DIMENSIONS. Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png. HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION

Détail des spécificités techniques formats de publicité Web Régie publicitaire internet FIGAROMEDIAS - Contact : traffic-web@figaromedias.

Spécifications techniques

CONTRAINTES TECHNIQUES

Spécificités techniques JANVIER 2013

SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES

DONNÉES MEDIAS. Online Mobile Web TV Mission Photographique

Spécifications Techniques - Tablettes

Swisscom Advertising Portfolio 2015

Pack Fifty+ Normes Techniques 2013

Normes techniques 2011

Tarifs Bruts et Conditions Commerciales

Les formats de la publicité en ligne

BENCHMARK DES SOLUTIONS DISPLAY. Adwords, Facebook, Yahoo, Microsoft, Ligatus

Espaces publicitaires et tarifs - communiquer sur bonus.ch 1

KIT MÉDIA WEB Métro Montréal

20 Minuten National f. Prix et Prestations 20 minutes Online

KITMÉDIA WEB. Le site de référence pour l industrie des communications, du marketing, de l interactif et du design au Québec.

Manuel d utilisation NETexcom

Données media 2015 camping.ch Le Guide Suisse du Camping sur Internet

La publicité multimédia (internet)

Editeur html Guide de l'utilisateur

STANDARDS PUBLICITAIRES POUR LA PUBLICITE SUR TELEPHONE MOBILE

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

Manuel d utilisation de V3D Events - Visiteurs. We bring people closer

IAB Canada - Spécifications techniques, formats publicitaires sur le Web, mobile et tablette - ÉPUC/CUAP et médias enrichis Janvier 2012

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH

TARIFS ET CONDITIONS GENERALES DE VENTE 2009

Espace Client Aide au démarrage

Optimiser les s marketing Les points essentiels

Manuel d utilisation de V3D Events - Visiteurs

Les calques supplémentaires. avec Magix Designer 10 et autres versions

Service d Audio et Visioconférence

THEME RESPONSIVE DESIGN

Tarif MediaSpecs plate-forme Valable à partir du 01/01/2015

Optimiser pour les appareils mobiles

+33 (0) Sarl ISB Altipolis2 av. Du Général Barbot Briancon - France

Tarifs du quotidien. DER er recto ou centrée ème recto Intérieur Double centrale...

Foire aux questions. C est un programme d exploitation et de recherche sur le Web. Exemple : Internet Explorer, Firefox, Opera et Netscape.

CTIconnect PRO. Guide Rapide

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com

Guide d utilisation des services My Office

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 12/09/2008. AUTEUR : Equipe technique Syfadis


Le Web de A à Z. 1re partie : Naviguer sur le Web

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?

À propos du Guide de l'utilisateur final de VMware Workspace Portal

INTRODUCTION AU CMS MODX

TARIFS ET CONDITIONS GÉNÉRALES DE VENTE 2015

KIT MEDIA LE SITE DE RECRUTEMENT des personnes en situation de handicap. L outil de vos actions de Sourcing et de Communication

Google Drive, le cloud de Google

WINDOWS Remote Desktop & Application publishing facile!

Guide de réalisation d une campagne marketing

Poste virtuel. Installation du client CITRIX RECEIVER

Manuel d utilisation de V3D Events - Visiteurs. We bring people closer

Tarifs. Média 2015 Applicables au 1 er Janvier 2015

Services bancaires par Internet aux entreprises. Guide pratique pour : Transfert de fichiers Version

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi

Google AdWords On & Off

Pierre-Louis Théron Nikolay Rodionov Axel Delmas

CGV DIGITAL 2014 WEB MOBILE ING

Création de maquette web

Présentation du Framework BootstrapTwitter

Chapitre 3 : outil «Documents»

VIDEO RECORDING Accès à distance

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

DOCUMENT COMMERCIAL DU SERVICE POWER BANNER

VTigerCRM. CRM : Logiciel de gestion des activités commerciales d'une (petite) entreprise

Guide d utilisation et d administration

Formation. Module WEB 4.1. Support de cours

#1. nos marques numériques P 03. #2. nos solutions numériques 2015 P 06. #3. annexes P 25 P 02

Bureautique Initiation Excel-Powerpoint

TARIFS ET CONDITIONS GENERALES DE VENTE 2011

Utilisation de l éditeur.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

«Petit guide d utilisation Prezi» par Marc Nolet

CHARTE DE GESTION DES COOKIES

WEB design. Pierre Chassany Comstone.ch vocables.com

BiSecur Gateway avec appli smartphone NOUVEAU

Présentation du tableau blanc interactif Interwrite

Twixl Portfolio DE INDESIGN VERS LES TABLETTES. Luk Dhondt - Product Manager

Google AdWords : le Guide complet Optimisez vos campagnes pour gagner plus!

Introduction à Expression Web 2

Guide Reseller Onbile

Transcription:

SPÉCIFICATIONS TECHNIQUES DES FORMATS PUBLICITAIRES 1

TABLE DE MATIÈRES Directives pour tous les moyens publicitaires Directives HTML5 Spécifications Flash Mobile Spécification technique Video Advertising Expandable Ad Tailles maximales de formats standard Modèles de moyens publicitaires 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 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 1 er 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

SPÉCIFICATIONS FLASH 12

SPÉCIFICATION FLASH FOURNITURE DES MOYENS PUBLICITAIRES FLASH Fichier SWF et impérativement un GIF alternatif apparaissant pour tous les utilisateurs n'ayant pas installé de plugin Flash Veuillez mentionner l'url séparément car elle est fournie directement à la variable «clicktag» du moyen publicitaire à partir de l'adserver. (méthode AdServer tracking dans Flash voir implémentation clicktag). Les films Flash doivent être exportés en version 8/9. Respectez la limite de poids fixée pour la création de moyens publicitaires. Le son dans le moyen publicitaire est autorisé, mais doit être désactivé en réglage standard. Les composants de navigation peuvent autoriser une activation par l'utilisateur. Pour Banner, Sky et Rectangles: wmode=opaque, pour Ads DHTML (Floating, Expandable etc.): wmode=transparent 13

SPÉCIFICATION FLASH OPTIMISATION DES MOYENS PUBLICITAIRES FLASH Framerate optimale entre 15-18 images par seconde afin de réduire l exploitation CPU. 30+ images par seconde augmente la CPU Load Eviter les animations basées mathématiquement (formulesactionscript) Preloading de symboles/images Travailler avec Tweens lors d animations au lieu d une série d images clé/keyframes Simplifier les éléments graphiques partout où cela est possible Limiter le nombre de bitmaps utilisés Un guide complet pour l optimisation des films Flash est disponible sur la page d accueil Adobe: https://helpx.adobe.com/flash/using/best-practices-optimizing-fla-files.html 14

SPÉCIFICATION FLASH AS2 IMPLÉMENTATION CLICKTAG Description de fonctionnement sur l'adserver : Pour compter un clic sur l'adserver, on utilise la variable clicktag dans Flash au lieu de l'url cible. Grâce à cette variable, il est possible d'appeler l'url cible de l'adserver et de la transférer au moyen publicitaire. En cas d'action sur le bouton, un clic est enregistré sur l'adserver et l'utilisateur et l'url cible connecte l'utilisateur à l'offre. Cette, opération agit uniquement sur l'action Link-URL tous ses autres réglages (ActionScripts, etc.) ne sont pas influencés. Vous pouvez créer votre moyen publicitaire librement selon vos souhaits. De plus, les variables clicktag permettent, pendant une campagne, de modifier l'url cible sans qu'il soit nécessaire d'apporter des modifications au moyen publicitaire. Standard Action-Script pour le LINK Button : on(release){ geturl(clicktag, "_blank"); } 15

SPÉCIFICATION FLASH AS2 IMPLÉMENTATION CLICKTAG IMPORTANT: En cas d'utilisation de la variable à l'intérieur d'un clip film dans l'animation Flash principale, la variable doit être intégrée avec un _root.clicktag de tête. De plus, aucune action ON ne doit être définie sur le clip film dans lequel le bouton se trouve. Utilisez toujours les boutons de commande de façon à ce qu il soient ON(release) on(press) mène dans divers browser à l activation du blocage PopUp! 16

SPÉCIFICATION FLASH AS2 IMPLÉMENTATION CLICKTAG 17

SPÉCIFICATION FLASH AS2 IMPLÉMENTATION CLICKTAG Utilisation d'autres URL cibles devant être enregistrées dans le tracking : Si votre moyen publicitaire contient plusieurs zones cliquables avec différents Link-URL, vous pouvez étendre la variable clicktag pour chaque Link-URL. Exemple: Link-URL1 = clicktag1 Link-URL2 = clicktag2 Link-URL3 = clicktag3 etc. Didacticiel clicktag en ligne de Macromedia pour toutes les versions Flash : http://www.adobe.com/resources/richmedia/tracking/designers_guide/ Cliquez ici pour télécharger un modèle correspondant à cette forme publicitaire. 18

SPÉCIFICATION FLASH CLICKTAG-PARAMETER-CODE POUR ACTIONSCRIPT 3 var clicktag:string; if (root.loaderinfo.parameters["clicktag"]) { clicktag = root.loaderinfo.parameters["clicktag"]; }else if(root.loaderinfo.parameters["clicktag"]){ clicktag = root.loaderinfo.parameters["clicktag"]; } btn_inv.removeeventlistener(mouseevent.click, calllink); btn_inv.addeventlistener(mouseevent.click, calllink); function calllink(e:event):void { try{ openurl(clicktag); }catch (e:error){ trace("error occurred!"); } } function openurl(param1:string) : void { var _loc_2:urlrequest = null; var _loc_3:string = null; var _loc_4:string = null; _loc_2 = new URLRequest(param1); _loc_3 = "_blank"; if (!ExternalInterface.available) { navigatetourl(_loc_2, _loc_3); } else { _loc_4 = String(ExternalInterface.call("function() { return navigator.useragent; }")).tolowercase(); if (_loc_4.indexof("firefox")!= -1 _loc_4.indexof("msie")!= -1 && uint(_loc_4.substr(_loc_4.indexof("msie") + 5, 3)) >= 7) { ExternalInterface.call("window.open", _loc_2.url, _loc_3); } else { navigatetourl(_loc_2, _loc_3); } } return; } 19

SPÉCIFICATION FLASH OUVERTURE DE LA LANDINGPAGE DANS UNE FENÊTRE PRÉDÉFINIE Si l'ouverture de la landingpage dans une fenêtre prédéfinie est souhaitée, il est nécessaire de transférer dans le navigateur toutes les variables de position comme la taille de fenêtre dans le script. Dans cette variante, il est important d'ouvrir la fenêtre avec "_self". Exemple de script d'action sur le bouton de Link : on (release) { geturl("javascript:window.open('" + _root.clicktag + "','FensterName','left=50,top=50,width=600,height=40 0,toolbar=no,scrollbars=no,resizable=no,menubar=no,st atus=no,directories=no,location=no');void(0);", "_self"); } 20

SPÉCIFICATION FLASH OUVERTURE DE LA LANDINGPAGE DANS UNE FENÊTRE PRÉDÉFINIE Documentation : left=50 donne la position de fenêtre À GAUCHE en pixels width=600 donne la largeur de fenêtre en pixels toolbar=no paramètres possibles de la barre d'outils yes/no resizable=no statut paramètres possibles yes/no status=no statut paramètres possibles yes/no location=no emplacement paramètres possibles yes/no top=50 height=400 scrollbars=no menubar=no directories=no donne la position de fenêtre EN HAUT en pixels donne la hauteur de fenêtre en pixels paramètres possibles de barres de défilement paramètres possibles de barre de menu yes/no paramètres possibles de répertoires yes/no 21

SPÉCIFICATION FLASH ELARGISSEMENTS POUR LES BT-CUSTOMIZED AD S Afin de mettre à disposition la fonction du Retargeting pour les Behavioral Customized Ads, le ClickTAG doit être élargi d une variable supplémentaire. Le floating doit se fermer automatiquement après 7 secondes maximum. on(release) { geturl(_root.clicktag,"_blank"); geturl("javascript:bt_retarget()","_self"); } 22

MOBILE SPÉCIFICATION TECHNIQUE 23

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 JPG,.GIF,.PNG Interstitial Portrait Mobile (Browser) Site App Interstitial Landscape Mobile (Browser) Site App 320x356 / 640x712* 320x480 / 640x960* 480x219 / 960x438* 480x320 / 960x640* 60 KB 60 KB 60 KB 60 KB JPG,.GIF,.PNG JPG,.GIF,.PNG Mobile / App Wideboard 320x160 / 640x320* 60 KB JPG,.GIF,.PNG * Optionnel. Seulement sur l écran Retina. 24

MOBILE SPÉCIFICATION TECHNIQUE: TABLET MOBILE WEBSITES / APPS (IOS & ANDROID) Moyens publicitaires Taille Poids Formats Tablet Banner Portrait 768x90 / 1536x180* 60 KB JPG,.GIF,.PNG Tablet Rectangle 300x250 / 600x500* 60 KB JPG,.GIF,.PNG Tablet Interstitial Portrait 768x916 / 1536x1832* 60 KB JPG,.GIF,.PNG Tablet Interstitial Landscape 1024x655 / 2048x1310* 60 KB JPG,.GIF,.PNG * Optionnel. Seulement sur l écran Retina. 25

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. 26

VIDEO ADVERTISING 27

INBANNER/INPAGE VIDEO AD Flash Video Tutorials chez Macromedia: http://www.macromedia.com/de/devnet/flash/video.html Utilisez clicktag pour le chaînage (siehe 3.Flash Spezifikationen) Utilisez la variable AdlVideo comme connexion vidéo Le fichier vidéo n est habituellement pas géré par Goldbach Audience et doit de ce fait être mis à disposition sur un serveur externe. Si vous ne disposez pas de l infrastructure nécessaire, Goldbach Audience se charge de la livraison de votre fichier vidéo. Ce service est payant. System Security Flash / libérer les domaines Doubleclick. Exemple actionscript pour une intégration vidéo à travers la classe NetStream: Cliquez ici pour télécharger un modèle en rapport à cette forme publicitaire. System.security.allowDomain("*.doubleclick.net", "*.doubleclick.com"); var netconn:netconnection =new NetConnection(); netconn.connect(null); var netstream:netstream =new NetStream(netConn); VideoStream.attachVideo(netStream); netstream.setbuffertime(10); netstream.play(_root.adlvideo); 28

INSTREAM VIDEO AD VIDÉO Format:.MP4 Poids: max. 4 MB Codec: VP6 / MainConcept H.264 Taille vidéo: 1024x576 Pixel Rapport longueur/hauteur: 16:9 Débit binaire total: physiquement max. 3 000 kbps / VAST max. 750 kbps Intensité couleur: 32-Bit Taux du cadre: 25 fps Durée: selon le plan de production (max. 30s) 29

INSTREAM VIDEO AD AUDIO Format: MPEG Audio Version de format: Version 1 Profil de format: Layer 3 Mode du réglage de format: stéréo Mode des débits binaires: constant Débit binaire: 128 Kbps Canaux: 2 canaux Taux de sampling: 44.1 KHz Volume EBU R128: -23 LUFs 30

PUSH-DOWN VIDEO AD 1/2 DIMENSIONS: fermées: ouvertes: 728x90 Pixel 728x400 Pixel (max.) Lors de la première interaction avec le moyen publicitaire, l ordre expand onrollover (MouseOver) peut être donné. Une fois que que le moyen publicitaire a été refermé par moyen de l ordre RollOut (MouseOut), l ordre expand ne doit se faire que par click onrelease. Une indication doit de ce fait être placée à l intérieur du moyen publicitaire. Par exemple: click here to expand ou similaire. L ordre de fermeture collapse doit être donné 0.5 secondes avant que le moyen publicitaire ne passe à l état fermé. Une animation pour la fermeture n est pas nécessaire, étant donné que celle-ci a lieu à travers le code de livraison du moyen publicitaire la page se repositionne dans les 0.5 secondes dans son état d origine/fermé. 31

PUSH-DOWN VIDEO AD 2/2 L intégration vidéo se fait selon nos spécifications In Banner / In Page Video Ad. Expand Layer (au début onrollover / après onrelease) : geturl("javascript:f4d_expand_layer()","_self ) Collapse Layer (toujours onrollout): geturl("javascript:f4d_collapse_layer()","_self ) Cliquez ici pour télécharger un modèle en rapport à cette forme publicitaire. 32

FULL SCREEN VIDEO ADS 1/2 VIDEO SCROLL Toutes les animations dans le fichier Flash devraient être programmées dans la Main Timeline sur texte/images/éléments Vektor. Les classes ne peuvent pas être utilisées pour des transformations, mouvements ni les classes Flash built-in, ni les Engines tels que TweenLight, TweenMax ou Caurina. Une vidéo (voir spécifications Video Interstitial) doit être livrée pour le Video Scroll. Cette dernière sera également utilisée dans la plage 124x70. La vidéo est passée sans son à l intérieur du Video Scroll. Après l interaction avec la partie vidéo dans le Scroll, la forme publicitaire passe en plein écran avec le son enclenché. Lors du Video Scroll, on peut par ailleurs - comme pour la vidéo interstitielle - activer un Skin produit à cet effet dans le domaine plein écran. Démo du moyen publicitaire: http://195.137.172.70/showcase/v2media/v2scroll/magnum/blick/top.html Eléments à livrer: Leaderboard Vidéo Skin ou logo Code Hex pour la couleur de l arrière-plan Interstitial (noir par défaut) 33

FULL SCREEN VIDEO ADS 2/2 VIDEO SKINS Le Skin est livré en tant que *.PNG ou en tant que *.SWF libre d actionscript. Le fichier Flash/PNG est posé par dessus le film. Le Skin doit donc impérativement présenter une surface transparente afin que le film reste visible. Les éléments de contrôle vidéo (Progress Bar, Close Button etc.) sont placés par dessus le Skin. Les dimensions max. d un pareil Skin sont de 1280x800 Pixel, et 100 KB pour la taille du fichier. Les dimensions de la surface view-through ne sont pas strictes, mais idéalement proches des dimensions du film livré. 34

SPÉCIFICATIONS WILMAA 1/2 Premium Ad (Welcome) S écoule en couleur si volue, pour cela nommer le Hexcode s il vous plaît. (bspw. #FFFFFF) Formats Taille Duration / Poids.FLV /.MP4 jusqu à max. 1280x800-30 / max. 4 MB 30-60 / max. 8 MB Premium Ad & Wallpaper.FLV /.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 D écoule en couleur, pour cela nommer le Hexcode s il vous plaît. (Default = #FFFFFF / Weiss ) Standard Ad (Channel Switch) Video:.FLV /.MP4 jusqu à max. 1024x576 max. 30 / max. 4 MB Standard Ad & Premium Ad Mobile Video:.MP4 jusqu à max. 1024x576 max. 30 / max. 2 MB 35

SPÉCIFICATIONS WILMAA 2/2 Click & Mail** Combinaison Premium Ad / Standard Ad Livraison des moyens publicitaires Formats Taille Duration / Poids E-mail complet aux formats HTML 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). Largeur max. 680 - Voir les spécifications des moyens publicitaires correspondantes ci-dessous. 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. 36

SPÉCIFICATIONS WILMAA SWF Etant donné que Wilmaa est une plateforme basée sur Flash, la programmation des SWF demande certaines précautions: Pas d'altération du root Pas d'utilisation de l'objet Stage Utilisation du Scaling toujours avec prudence : uniquement avec des Movie-Clips internes Ne pas utiliser de Loops sans Timeout Intégrer les fonctions sujette à Exceptions dans le TryCatch 37

SPÉCIFICATIONS WILMAA WALLPAPER CREATIVE GUIDE 38

SPÉCIFICATIONS WILMAA PRODUITS BRUTS WILMAA Données et recommandations des produits bruts. Format de fichier à livrer:.flv /.F4V (Flash Video) 39

EXPANDABLE AD 40

EXPANDABLE AD Il existe deux méthodes menant à un agrandissement (expand) du moyen publicitaire : On(RollOver): l'effet d'agrandissement se produit dès que l'utilisateur survole le moyen publicitaire avec sa souris. On(Release): l'effet d'agrandissement se produit dès que l'utilisateur clique sur un élément du moyen publicitaire. Il existe deux méthodes menant à une réduction (collapse) du moyen publicitaire : On(RollOut): la réduction se produit dès que l'utilisateur déplace le pointeur de sa souris hors du moyen publicitaire. On(Release): l'effet de réduction se produit dès que l'utilisateur clique sur un élément du moyen publicitaire. ATTENTION : cela est autorisé uniquement pour les expandable/floatings. 41

EXPANDABLE AD IMPORTANT : Si le moyen publicitaire s'ouvre automatiquement, il serait déclaré en tant que Floating Ad et appartiendrait en conséquence au groupe tarifaire correspondant. Après une durée de 7 secondes maximum, l'expandable Ad/Floating qui s'ouvre automatiquement doit se refermer automatiquement. Les expandable banner s'ouvrent du haut vers le bas par exemple de 486x60 à 468x300. Les expandable skyscraper s'ouvrent de droite à gauche par exemple de 160x600 à 300x600 42

EXPANDABLE AD Goldbach Audience a développé un modèle Richmedia prenant en charge l'opération d'agrandissement. Ce modèle contient des AS2 fonctions permettant d'interagir avec le moyen publicitaire Flash Expand Layer : sert à l'appel du fichier flash agrandi et doit toujours être utilisé de concert avec la fonction f d_collapse_layer. Ces fonctions doivent être utilisées dans Event onrollover, onrelease, onpress Collapse Layer : geturl("javascript:f4d_expand_layer()","_self") geturl("javascript:f4d_expand_layer()","_self") Cliquez ici pour télécharger un modèle correspondant à cette forme publicitaire. 43

TAILLES MAXIMALES DE FORMATS STANDARD 44

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 50 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 D'autres tailles et formats selon les données de médias des différents sites Web se trouvent sous www.onlinemediatool.ch 45

MODÈLES DE MOYENS PUBLICITAIRES 46

MODÈLES DE MOYENS PUBLICITAIRES Ad Appeal AS2 / AS3 Expandable Ads AS2 / AS3 Floating Ads AS2 / AS3 Fullbanner AS2 / AS3 Skyscraper AS2 / AS3 Push-Down Ad AS2 / AS3 In Banner / In Page Video Ad AS2 / AS3 47

MERCI Goldbach Audience (Switzerland) AG Seestrasse 39 8700 Küsnacht-Zürich T +41 44 914 92 70 www.goldbachaudience.com info@goldbachaudience.ch 48