DOCUMENT DE PRÉSENTATION TECHNIQUE POUR L ANNONCEUR

DOCUMENT DE PRÉSENTATION TECHNIQUE POUR L ANNONCEUR GUIDE DES VISUELS

SOMMAIRE 1. Visuel 3 1.1 Mise au point de visuels... 3 1.1.1 Conseils d ordre général... 3 1.1.2 Procédure... 4 1.2 Types de visuels... 5 1.2.1 Aperçu visuels de base... 5 1.2.2. Aperçu visuels spéciaux... 6 1.2.3 Aperçu - visuels avancés (Lien profond et générateur de visuel)... 7 1.3. Visuels spéciaux... 9 1.3.1 Conseils d ordre général... 9 1.3.2 JavaScript...10 1.3.3. Iframe...12 1.3.4. Bannière Flash...14 1.3.5 zanox Pagepeel...17 1.3.6 zanox Video Player...18 2. Gestion des visuels 20 2.1 Publication des visuels...20 2.2 Classement des visuels par catégorie...21 2.3 Traitement des visuels...22 2.4 Désactivation de visuels...22 zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 2

1. VISUEL Les visuels peuvent prendre beaucoup de formes différentes et vont des simples liens texte, en passant par les bannières, jusqu aux widgets perfectionnés. Il n y a pour ainsi dire aucune limite à la créativité. Les visuels sont l instrument central pour générer des transactions. Pour pouvoir à coup sûr suivre chacune des transactions générées, chaque action sur un visuel doit être enregistrée par zanox. C est pour cette raison que tous les visuels sont dotés d une URL de tracking spécifique à chacun des partenaires zanox. Cette URL de tracking contient un identifiant de partenaire zanox personnalisé qui permet d identifier l éditeur à l origine du contact. Dans le tracking par cookie, un cookie zanox est enregistré sur l ordinateur de l internaute lorsque celui-ci visite la page Web d un éditeur et clique sur un visuel qui s affiche sur cette page. Le cookie contient des informations concernant le visuel, l éditeur, le programme, l heure du clic, etc. Ces informations sont enregistrées dans la base de données de tracking de zanox 1.1 Mise au point de visuels Veillez aux points suivants lors de la création de vos visuels : 1.1.1 Conseils d ordre général Le code d appel (HTML/script) que vous créez est différent du code de l éditeur. Le code de l éditeur est doté d un lien de tracking zanox, le code d appel, en revanche, non. Veillez à ce que le code d appel soit la base de tous les visuels affichés dans l interface utilisateur zanox (aussi bien pour l éditeur que pour l annonceur). Cela a un rôle aussi bien dans la vue «Mes visuels» que dans l aperçu pour l éditeur. N oubliez pas que les visuels même sans paramètre de tracking constituent un aperçu utile. Les modifications apportées au code d appel ont toujours comme conséquence une désactivation du visuel concerné. Une fois le nouveau visuel publié, vous devez informer votre éditeur de cette modification afin que ce dernier puisse intégrer le code de bannière mis à jour dans son espace publicitaire. Seuls les visuels HTML et script doivent être vérifiés et publiés par l équipe zanox Banner-Team (banner@zanox.com). Vous pouvez gérer vous-même tous les autres visuels (texte/image). Si vous souhaitez que votre visuel soit publié sur zanox Adserver, vous devez transmettre votre support dans un format standard. Evitez, dans la mesure du possible, tout format de style libre / non conventionnel. L indication du format simplifie, en outre, la zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 3

recherche de visuels. Vérifiez après leur création, toutes les références vers des fichiers externes (par exemple CSS/scripts/images) dans le code d appel. Les fichiers externes doivent toujours être référencés par leur chemin d accès absolu (par exemple http://www.your-domain.com/ yourfile.js). 1.1.2 Procédure Hébergement de visuel Créez sur votre serveur Web un répertoire destiné à stocker vos visuels. Chargez tous les visuels que vous souhaitez utiliser avec votre programme zanox et préparez lors de la création de ces visuels une liste complète des URL pour accéder à ces fichiers. Vous pouvez aussi placer vos visuels sur l un des serveurs Web zanox. Pour plus d informations sur les conditions et les procédures concernant l hébergement des visuels par zanox, contactez votre interlocuteur zanox. Ajouter un visuel Vous pouvez créer des visuels sous l option de menu «Mes visuels». Sélectionnez le type de visuel que vous souhaitez créer, puis cliquez sur le bouton «Ajouter». zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 4

Importer/exporter un visuel Avec l importation/l exportation de visuels vous pouvez modifier, puis ajouter, vos visuels à l aide d un tableau Excel. Nous recommandons cette manière de procéder aux internautes chevronnés. Vous trouverez des détails à ce sujet auprès de votre interlocuteur zanox ou dans le Wiki zanox. 1.2 Types de visuels zanox distingue les différents types de visuels suivants : texte image image avec texte HTML script Ils seront, divisés en visuels de base (texte, image, image avec texte) et visuels spéciaux (HTML, script) ci-après,. De plus, chaque visuel peut être configuré en tant que «lien profond» et certains visuels, par exemple texte, HTML ou script en tant que générateur de visuel. On parle alors de «visuels avancés». 1.2.1 Aperçu visuels de base Lien texte Le lien texte est le type de visuel le plus simple. Il s agit là d un texte ordinaire relié à l adresse cible du lien (URL). Image Les visuels de type image sont des bannières et des logos aux formats GIF, JPG ou PNG. Pour utiliser des visuels image, vous devez indiquer la source de l image (URL) et l adresse cible du lien (URL). Saisissez comme source de l image, l URL sans son préfixe «http://». Utilisez l indication «https://», si vous souhaitez proposer des visuels pour des sites Web sécurisés (par exemple boutiques en ligne). Image avec texte Les visuels image peuvent être combinés avec du texte. Pour les visuels de base, les indications suivantes sont nécessaires : zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 5

x obligatoire (x) facultatif - indisponible Visuel Lien avec paramètre Format du lien Nom du lien Adresse cible du lien Texte du lien Image source Générateur de lien externe Texte (x) - x x x - (x) - Image (x) x x x - x - - Image avec texte (x) x x x x x - - Code d appel 1.2.2. Aperçu visuels spéciaux Visuels HTML Les visuels HTML sont des fragments de code statique tels que des formulaires (masques de moteurs de recherche ou de réservation) ou des modèles de lettres d informations (newsletter). Cette forme de visuel est également adaptée pour les lettres d informations HTML et les microsites. Les visuels HTML ne pourront être publiés qu après validation par zanox (banner@zanox. com). Visuels script On compte parmi les visuels script les JavaScript, les Iframes et les bannières Flash. Les visuels script sont particulièrement adaptés pour mettre à jour du contenu de manière dynamique, par exemple, pour faire la promotion de produits, meilleures ventes ou actions publicitaires qui changent tous les jours ou toutes les semaines. Il est également possible de réaliser des formulaires dynamiques sous cette forme. Les partenaires intègrent le code une fois, le changement de contenu se fait sur le serveur de l annonceur. Les visuels script ne pourront être publiés qu après validation par zanox (banner@zanox. com). Pour les visuels spéciaux (HTML et script) les indications suivantes sont nécessaires : x obligatoire (x) facultatif - indisponible Visuel Format du lien Nom du lien Adresse cible du lien Texte du lien Image source Lien avec paramètre Générateur de lien externe Code d appel HTML x x x (x) - - (x) x Script x x x (x) - - (x) x zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 6

1.2.3 Aperçu - visuels avancés (Lien profond et générateur de visuel) Lien avec paramètre (Lien profond dynamique) Chaque visuel peut être configuré en tant que «lien profond». Utilisez un lien profond pour permettre à l éditeur d adapter l URL de redirection individuellement ou de la rendre dynamique. Un lien profond peut ainsi faire le lien vers des catégories particulières ou des produits particuliers, ainsi que déclencher une recherche. Utilisez le champ «Instruction» pour consigner une description à l attention de l éditeur. x obligatoire (x) facultatif - sélection impossible (-) sélection non recommandée Format du lien Nom du lien Adresse cible du lien Texte lien Image source Lien avec paramètre Générateur de lien externe Code d appel x x* x x x* x* (-) x * L indication dépend du type de visuel utilisé Exemple : Indication «lien profond de catégorie» Exemple «lien profond - recherche de produit» Vous définissez : lien vers adresse de redirection (URL) www.your-domain.com/productsearch?searchterm= Code éditeur : <!-- DEBUT du code HTML zanox-affiliate --> <!-- (Le code HTML zanox-affiliate ne peut pas être modifié pour préserver une fonctionnalité parfaite!)--> <img src= http://ad.zanox.com/ppv/?12900469c78488100 align= bott om width= 1 height= 1 border= 0 hspace= 1 ><a href= http:// ad.zanox.com/ppc/?12900469c78488100t&ulp=[[xxx]] >product</a> <!-- FIN du code HTML zanox-affiliate --> L éditeur a désormais la possibilité de remplacer XXX par un mot clé de recherche de son choix. Une liaison possible pourrait être de la forme suivante : zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 7

<!-- DEBUT du code HTML zanox-affiliate --> <!-- (Le code HTML zanox-affiliate ne peut pas être modifié pour préserver une fonctionnalité parfaite!)--> <img src= http://ad.zanox.com/ppv/?12900469c78488100 align= bottom width= 1 height= 1 border= 0 hspace= 1 ><a href= http://ad.zanox.com/ppc/?12900469c78488100t&ulp=[[coffeebe ans]] >coffeebeans</a> <!-- FIN du code HTML zanox-affiliate --> L appel du lien de tracking zanox : http://ad.zanox.com/ppc/?12345678c12345678t&ulp=[[coffeebeans]] conduit à : http://www.your-domain.com/productsearch?searchterm=coffeebeans Générateur de lien externe (générateur de visuel) Avec le «générateur de lien externe», vous mettez à la disposition de vos éditeurs un lien vers l un des générateurs de visuels ou des widgets que vous avez développés vous-même. Ce lien vous permet de transmettre une identification de partenaire zanox à votre application. (Cette option n est pas disponible pour les visuels de type image). Pour les générateurs de liens externes, les indications suivantes sont nécessaires : x obligatoire (x) facultatif - sélection impossible (-) sélection non recommandée Format du lien Nom du lien Adresse cible du lien Texte lien Image source Lien avec paramètre Générateur de lien externe (-) (-) x x x* x* x x* * L indication dépend du type de visuel utilisé Code d appel Exemple de lien du générateur de lien externe : http://www.your-domain.com/widget.asp?zanpid=##partner_id## Exemple de vue de l éditeur du générateur de visuel : zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 8

http://www.your-domain.com/widget.asp?zanpid=12345678c123456780 Widget de l annonceur Un lien contenant l identification de partenaire zanox de l éditeur est mis à disposition de l éditeur par le biais du «Générateur de lien externe». L identification de partenaire peut alors être utilisée par votre widget pour la création de visuels zanox. 1.3. Visuels spéciaux 1.3.1 Conseils d ordre général Utilisation des données d en-tête HTML N utilisez pas de données d en-tête HTML, c.-à-d. aucune balise du type «doctype», «html», «head», «title», «meta» ou «body». Toutes les pages Web de l éditeur contiennent déjà ces données. Utilisation de formulaires HTML N oubliez pas quand vous utilisez des formulaires HTML que seule la méthode «GET» est prise en charge. Il est souvent insuffisant de définir le formulaire avec method= GET. La page Web qui reçoit ces données doit également prendre en charge cette méthode. En cas de doute, consultez votre administrateur Web. Utilisation de feuilles de style Si vous utilisez des feuilles de style pour vos visuels HTML/script, l interface utilisateur zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 9

zanox et potentiellement la page Web de l éditeur ne doivent pas être modifiées par le style que vous avez défini. L utilisation de données de style pour les balises classiques, telles que par exemple «body», «td» ou «a», engendredes erreurs. Si la feuille de style du visuel engendre des modifications pour l interface utilisateur zanox, zanox se réserve le droit de ne pas publier le visuel concerné. Si plusieurs visuels apparaissent sur une page par exemple dans l aperçu des visuels zanox les styles des visuels peuvent ici aussi se chevaucher et avoir des effets réciproques. Pour éviter efficacement le genre de problèmes énumérés ci-dessus, vous devez utiliser des désignateurs univoques et y faire référence dans CSS (voir exemple). Incorrect : les balises/styles inutiles peuvent se chevaucher. <!DOCTYPE HTML PUBLIC> <html><head> <style type= text/css > * {font-size:300%;} body {font-face:serif;} td {margin-top:100px; margin-bottom:100px;} </style></head> <body bgcolor= #3d3d3d > <table><tr><td>my ad media</td></tr></table> </body></html> Correct : aucun chevauchement de styles n est possible. <style type= text/css > #youradmedia0709 {font-size:300%; font-face:serif;} #youradmedia0709 td {margin-top:100px; margin-bottom:100px;} </style> <div id= youradmedia0709 > <table><tr><td>my ad media</td></tr></table> </div> 1.3.2 JavaScript L éditeur intègre le code partenaire une fois, le changement de contenu se fait sur le serveur de l annonceur. Le code partenaire est transmis lors de l appel du script et doit être inclus dans les liens ou formulaires retournés. Utilisez pour le code JavaScript un fichier séparé plutôt que de l intégrer directement. Ce zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 10

fichier contient toutes les fonctions nécessaires pour la représentation et l intégration du tracking zanox. <script type= text/javascript src= http://www.your-domain.com/ script.js ></script> La transmission du paramètre de tracking zanox se fait par l appel de fonction de votre bannière (ici, par exemple «votre_fonction»). Les paramètres de tracking zanox nécessaires sont transmis à votre fonction. <script type= text/javascript > your_function( zanox_tracking_host, zanox_tracking_param ); </script> Assurez-vous que le script contient les paramètres «zanox_tracking_host» et «zanox_tracking_param». Ces paramètres sont remplacés pour l éditeur par le code de tracking zanox spécifique du partenaire. JavaScript avec émission de formulaire et de lien Vous définissez : <script type= text/javascript src= http://www.your-domain.com/script. js ></script> <script type= text/javascript > your_function( zanox_tracking_host, zanox_tracking_param ); </script> Code éditeur : <!-- DEBUT du code HTML zanox-affiliate --> <!-- (Le code HTML zanox-affiliate ne peut pas être modifié pour préserver une fonctionnalité parfaite!)--> <img src= http://www.ad.zanox.com/ppv/?12345c123456789 align= bottom width= 1 height= 1 border= 0 hspace= 1 > <script type= text/javascript src= http://www.your-domain.com/script. js ></script> <script type= text/javascript > your_function( http://www.ad.zanox.com/ppc/, 12345C123456789T ); </script> <!-- FIN du code HTML zanox-affiliate --> zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 11

Exemple de fonction contenue dans votre fichier JavaScript stocké à part (http://www.yourdomaine.com/script.js) : function your_function(zanox_tracking_host, zanox_tracking_param) { var zanox_link = zanox_tracking_host +? + zanox_tracking_param + = ;... document.writeln( <a href= + zanox_link + http://www.your-domain.com/product1 >product 1</a> ); document.writeln( <a href= + zanox_link + http://www.your-domain.com/product1 >product 1</a> );... document.writeln( <form action= + zanox_tracking_host + method= get > ); document.writeln( <input type= hidden name= + zanox_tracking_ param + value= http://www.your-domain.com/evaluation.php? > );... Assurez-vous que tous les appels de sites Web de votre bannière sont placés en tête du lien de tracking zanox et que les formulaires sont créés selon les spécifications zanox. Créez pour ce faire une balise «form» qui contient en tant qu «action» un paramètre transmis par zanox «zanox_tracking_host». Complétez le formulaire d un champ de saisie supplémentaire direct de type «hidden» et saisissez comme «value» l adresse cible du lien vers le script que vous définiriez normalement dans la balise form en tant qu «action», c.-àd. que vous devez saisir ici l URL qui exploite normalement les données du formulaire et représente les résultats de la recherche. Il convient normalement de noter derrière ce lien un point d interrogation. Les données de formulaire suivantes sont intégrées par le serveur de tracking zanox et transmises à l adresse cible du lien. 1.3.3. Iframe L utilisation d Iframes présente l avantage que le contenu de la bannière se trouve sur l un de vos serveurs et vous pouvez alors modifier ce contenu à tout instant, sans que l éditeur n ait à mettre à jour son visuel. En contrepartie, vous devez cependant vous assurer qu il est toujours possible de réaliser le tracking de la page ainsi intégrée. C est pour cette raison que nous vous recommandons de ne mettre ce type de visuel qu à la disposition d internautes avancés, c est-à-dire d internautes ayant de bonnes connaissances en développement Web. zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 12

Transmission du paramètre zanox par «GET» Comme les contenus Iframe sont généralement hébergés sur votre serveur, zanox ne peut pas placer le code de tracking lors de la publication. Les paramètres GET qui sont ajoutés à l appel Iframe du visuel permettent cependant de mettre en œuvre le tracking. Vous définissez : <iframe src= http://www.your-domain.com/iframe.php?zanox_tracking_ host=&zanox_tracking_param= ></iframe> Code éditeur : <!-- DEBUT du code HTML zanox-affiliate --> <!-- (Le code HTML zanox-affiliate ne peut pas être modifié pour préserver une fonctionnalité parfaite!)--> <img src= http://www.ad.zanox.com/ppv/?1234c1234567850 align= bottom width= 1 height= 1 border= 0 hspace= 1 ><iframe src= http://www. ihre-domain.com/iframe.php?zanox_tracking_host=http:// ad.zanox.com/ ppc/&zanox_tracking_param=1234c1234567850t%26ulp ></iframe> <!-- FIN du code HTML zanox-affiliate --> L exemple de code PHP suivant ne fonctionne que si vous avez renseigné au préalable les variables $zanox_tracking_host et $zanox_tracking_param avec la méthode «GET». Vous découvrirez comment interroger les variables du serveur auprès de votre administrateur Web ou dans la documentation relative à la technologie Web utilisée. a) Création de liens simples (exemple en PHP) Intégrez les paramètres au format suivant : echo <a href=.$zanox_tracking_host.?.$zanox_tracking_ param. =http://www.your-domain.com/produkt1.html >product 1</a> ; b) Création de formulaires (exemple en PHP) Pour l utilisation de formulaires, procédez tel que dans l exemple des formulaires HTML (voir section «JavaScript avec émission de formulaire et de lien») et insérez les paramètres selon le schéma suivant : echo <form method= get action=.$zanox_tracking_host. > <input type= hidden name=.$zanox_tracking_param. value= http:// www.your-domain.com/search.php? /> ;... zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 13

1.3.4. Bannière Flash Une bannière Flash doit comporter une surface sur laquelle il est possible de cliquer. En règle générale, il s agit d un bouton transparent qui se superpose au film Flash. Cette surface de clic doit être aussi pourvue d un lien qui ne doit en aucun cas être codé en dur (par exemple «http://www.your-domain.com»), mais renvoyer vers le contenu d une variable externe. Ce paramètre est généralement nommé «incomingurl», «clicktag» ou «clicktag» et est transmis au film Flash dans le code d appel HTML. Veillez à ce que le paramètre soit écrit exactement de la même manière dans le code Flash et le code d appel (notamment les majuscules/minuscules). Les bannières qui ne présentent pas ces propriétés ne peuvent pas être suivies par zanox et donc ne peuvent pas être publiées. Utilisez les exemples de codes ActionScript suivants pour vous aider à créer des bannières Flash: // Default code (Please provide the landing page in the zanox UI.) on (release) { } geturl(_root.incomingurl, _blank ); // Alternative code (e.g. for banners with multiple targets) on (release) { geturl(_root.incomingurl + http://www.landingpage.com, _ blank ); } // ActionScript 3.0 (needs customising to fit your script) ButtonName.addEventListener(MouseEvent.MOUSE_UP, urlrequest); function urlrequest(evt:mouseevent):void{ var clickurl:string = root.loaderinfo.parameters.incomingurl; var clickrequest:urlrequest = new URLRequest(clickUrl); flash.net.navigatetourl(clickrequest, _blank ); zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 14

Vous disposez des possibilités suivantes pour la mise en œuvre du code d appel HTML : Intégration de la bannière Flash par le biais de zanox Flash Loader Intégration de la bannière Flash par le biais des balises HTML «object» et «embed» zanox Flash Loader Nous vous recommandons d utiliser zanox Flash Loader pour l intégration des bannières Flash. Il s agit d un JavaScript qui génère des indications spécifiques du navigateur. Il convient de distinguer les différents cas suivants : Le JavaScript est désactivé Le graphique paramètre fictif est créé. Le plug-in Flash n est pas disponible Le graphique paramètre fictif est créé. Le JavaScript et le plug-in Flash sont disponibles La bannière Flash est créée. Exemple : zanox Flash Loader avec graphique paramètre fictif. Vous définissez : <script language= javascript src= http://www.zanox-affiliate.de/ ppv/images/programs/flash_load/flash_loader_v3.js ></script> <script type= text/javascript > zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 15

zxflash( http://www.your-domain.com/flashbanner.swf, http://www.your-domain.com/placeholder.gif, 120, 600, opaque, http://www.your-domain.com, XXX ); </script> <noscript><a href= http://www.your-domain.com target= _ blank ><img src= http://www.your-domain.com/placeholder.gif border= 0 width= 120 height= 600 alt= ></a></noscript> Si vous ne disposez pas de graphique paramètre fictif, vous pouvez utiliser le script simplifié suivant : Exemple : zanox Flash Loader sans image alternative Vous définissez : <script language= javascript src= http://www.zanox-affiliate.de/ ppv/images/programs/flash_load/flash_loader_v3.js ></script> <script type= text/javascript > zxflash( http://www.your-domain.com/flashbanner.swf,, 120, 600, opaque, http://www.your-domain.com, XXX ); </script> Une alternative à l utilisation de zanox Flash Loader consiste à utiliser aussi le code HTML classique, avec les balises «object» et «embed». Code HTML Vous définissez : <object classid= clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase= http://fpdownload.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=6,0,0,0 width= 728 height= 90 > <param name= movie value= http://www.your-domain.com/flashbanner.swf /> <param name= FlashVars value= XXX com /> =http://www.your-domain. <param name= menu value= false /> <param name= quality value= high /> <param name= bgcolor value= #ffffff /> <embed src= http://www.your-domain.com/flashbanner.swf zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 16

FlashVars= XXX =http://www.your-domain.com menu= false quality= high bgcolor= #ffffff width= 728 height= 90 type= application/x-shockwave-flash pluginspage= http://www. macromedia.com/go/getflashplayer /> </object> Dans l exemple, adaptez les parties en couleurs aux variables utilisées dans le film Flash. Détail des paramètres : (1) Rouge : URL de la bannière Flash (SWF) (2) Violet : image alternative (JPG, GIF, PNG) (3) Vert : indications de largeur et de hauteur en pixels (4) Orange : page d arrivée du visuel (URL de redirection) (5) Bleu : Remplacez XXX par le paramètre de clic de la bannière Flash (clicktag, incomingurl etc.), tel que défini dans la bannière Flash SWF) 1.3.5 zanox Pagepeel Un pagepeel est une petite «corne» placée en haut à droite ou à gauche d un site Web. Dès que le pointeur de la souris passe sur ce coin, le pagepeel se déroule et la publicité s affiche. Lorsqu il clique sur cette publicité, l internaute est acheminé sur la page Web souhaitée. Les deux images sont séparées par une diagonale, le contenu ne se trouve que dans une moitié d image. zanox propose sa propre solution pour ce visuel. Si vous souhaitez les utiliser, créez un visuel script et intégrez le code suivant : <script type= text/javascript src= http://www.zanox-affiliate. de/ppv/images/programs/page_peel/pagepeel_v3.js ></script> <script type= text/javascript > writepeel( http://www.your-domain.com/image500x500.jpg, http://www.your-domain.com/image100x100.jpg, http://www. your-domain.com, right );</script> zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 17

(1) URL image, grande image : 500x500 pixels, JPG, GIF, PNG (pas animé!) (2) URL image, petite image : 100x100 pixels, JPG, GIF, PNG (pas animé!) (3) URL lien : Page d arrivée («URL lien») saisir dans le script et aussi dans l interface utilisateur (4) Position : «right» (à droite, par défaut) ou «left» (à gauche) Indiquez dans le champ «Description du lien» que le visuel dans l interface utilisateur est uniquement un aperçu. Exemple : «Pour des raisons techniques, la vue du visuel n affiche qu une image normale à la place du pagepeel!» 1.3.6 zanox Video Player zanox Video Player vous permet d utiliser des vidéos comme visuels. 1. Logo 2. Mouseover (image survolée) 3. LinkText (texte du lien) Envoyez à l adresse banner@zanox.com ou à votre interlocuteur zanox les informations suivantes : Indications obligatoires : URL du fichier film au format FLV Pour des raisons de perte de qualité indésirables, zanox ne réalise aucune conversion d autres formats vidéo en FLV. Il convient d exporter un fichier au format FLV à partir du support vidéo d origine. Taille de la vidéo (hauteur et largeur en pixels) Aperçu dans la même taille que le film L aperçu s affiche avant et après la lecture du film zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 18

URL de redirection Indications facultatives : Texte de l effet «Mouseover» URL d un logo Remarque indiquant si la fonction de démarrage/lecture automatique (Autostart/Autoplay) doit être activée ou non, par défaut : désactivée Nom du visuel Catégorie de visuel Une fois toutes les informations nécessaires transmises à banner@zanox.com, zanox crée une publicité vidéo (VideoAd) à l aide de zanox Video Player. zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 19

2. GESTION DES VISUELS 2.1 Publication des visuels Publication par l annonceur Une fois un visuel créé, ce dernier n est en général pas visible pour vos éditeurs. Le paramètre «Statut» vous permet de rendre visible le visuel pour l éditeur, en changeant la valeur de «Statut» de «A configurer» à «Actif». Vous pouvez consulter dans la liste des s la «Publication par l annonceur», représentée par un feu qui passe par trois étapes. Vert signifie «actif», orange signifie «en configuration» et rouge signifie «inactif». Publication par l équipe zanox Banner-Team Les visuels HTML et script se caractérisent par un feu supplémentaire qui passe par deux étapes. Un feu rouge signifie que le visuel doit encore être vérifié par l équipe zanox Banner-Team. Outre une vérification de qualité, il s agit également de vérifier si le visuel peut être tracké. Pour la publication, veuillez envoyer une liste des identifiants des visuels concernés à l adresse : banner@zanox.com. La publication a généralement lieu sous deux jours ouvrables. zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 20

Si vous le souhaitez, vous pouvez mettre vos visuels à disposition de groupes et/ou partenaires ciblés seulement : Pour savoir si un visuel ne doit être publié que pour certains partenaires ou groupes, recherchez dans la liste (Mes visuels) les symboles suivants : 2.2 Classement des visuels par catégorie Nous vous recommandons de classer vos visuels par catégories pour faciliter la recherche de visuels aux éditeurs. Créez de nouvelles catégories dans la liste de visuels, sous «Mes visuels». L attribution à une catégorie peut se faire aussi bien dans la liste des visuels que dans le mode création/édition d un visuel. Le nombre de niveaux des catégories est un paramétrage du programme. Si vous avez besoin de plus de niveaux que ceux prédéfinis, contactez votre interlocuteur zanox. zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 21

2.3 Traitement des visuels Pour traiter un visuel, allez sur «Annonceur» > «Mes visuels» et, pour le visuel concerné, cliquez sur «Modifier». Vous devez alors veiller aux points suivants : En cas de modification des URL de redirection ou des URL d images, la mise à jour des liens de partenaires peut, pour des raisons techniques, prendre jusqu à trois heures. Vous pouvez modifier plusieurs informations, à l exception du code d appel des visuels HTML et script, sans que le visuel ne doive être à nouveau publié par l équipe zanox Banner-Team. En cas de modification du code d appel de visuels, il convient de veiller aux points suivants : Le feu de publication qui comporte deux voyants passe au rouge. Cela signifie que votre éditeur ne peut plus trouver le visuel dans l interface utilisateur. Envoyez une liste des identifiants de tous les visuels modifiés à l adresse : banner@zanox.com, pour les publier à nouveau. Notez que les visuels HTML et script dont le code d appel a été modifié ne sont pas mis automatiquement à jour sur les pages Web des partenaires. Lorsque le visuel est publié par l équipe zanox Banner-Team, informez impérativement vos éditeurs qu ils doivent mettre à jour leur visuel. 2.4 Désactivation de visuels Vous pouvez, à tout moment, désactiver des supports publicitaires. Pour limiter le plus possible les éventuels effets sur l éditeur, vous devez procéder de la manière suivante : 1. Attribuez l état «configurer» à la bannière, puis déplacez-la dans son propre dossier (p. ex. «inactif»). Vous vous assurez ainsi que les supports publicitaires ne sont plus visibles pour l éditeur. 2. Informez l éditeur de la désactivation du support publicitaire. Veuillez respecter un préavis d environ 3 semaines pour informer l éditeur. 3. Vous pourrez, par la suite, laisser les supports publicitaires inactifs ou les récupérer en créant de nouvelles bannières sous les ID de supports publicitaires. Pour des raisons de sécurité, les visuels ne peuvent être supprimés de l interface. zanox peut exceptionnellement effacer des visuels pour vous. Veillez aux points suivants : Avertir les affiliés au moins 3 semaines avant la suppression des visuels. Un visuel peut être supprimé uniquement s il ne génère plus un trafic significatif. Si ces conditions sont respectées, contacter votre interlocuteur au sein de zanox pour que la suppression soit effectuée. zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 22

zanox SAS 8-10, rue Saint-Fiacre 75002 Paris France +33 (0)1 77 45 46 00 +33 (0)1 48 78 21 40 info.fr@zanox.com www.zanox.fr blog.zanox.com wiki.zanox.com