AdOps Spécifications techniques publicitaires

Dimension: px

Commencer à balayer dès la page:

Download "AdOps Spécifications techniques publicitaires"

Yves Rochon
il y a 8 ans
Total affichages :

1 AdOps Spécifications techniques publicitaires Matériel publicitaire HTML5 (Desktop) Les spécifications suivantes doivent être respectées pour la fourniture de matériel publicitaire HTML. Si vous utilisez des redirects ou third party tag, ce n est pas nécessaire de suivre nos spécifications. S il s agit de matériel HTML physiquement, une image Fallback en JPG, GIF ou PNG est impératif. Si le matériel HTML 5 n est pas comme mentionné dans nos spécifications, nos équipes AdOps se permettront d utiliser l image Fallback. Important: le fichier HTML complet ne doit pas dépasser la taille de 150 KB. Structure du dossier Tous les documents nécessaires doivent être rassemblés dans un dossier. Ce dossier ne doit pas contenir de sous-dossiers, exemple : Le dossier doit être comprimé en.zip. Les fichiers nécessaires (photos, vidéos, etc.) peuvent également être hébergés sur votre serveur FTP. Dans ce cas, vous devez nous envoyer uniquement le fichier index.html. Le code source doit être muni d URL absolues (vers le serveur Web). Code source Retirez toutes les balises de la structure de base HTML de votre fichier: <html> <head> <title> </title> </head> <body> </body> </html>

Si le matériel HTML 5 n est pas comme mentionné dans nos spécifications, nos équipes AdOps se permettront d utiliser l image Fallback.

2 Des liens vers les pages d atterrissage peuvent être définis directement dans le code source: <a href= target= _blank ></a> Tous les scripts doivent être soit intégrés directement sous forme. <script> dans l index.html soit lancés de manière externe. De plus la fonction jquery.noconflict() devra être mise en place, aucune fonction utilisant $ ne sera accepté. Tous les noms de classes, variables et fonctions doivent être uniques. Style Sheet CSS Ne créez pas de Style Sheet séparé. Les styles doivent être implémentés directement dans le code du matériel publicitaire. A cet effet, utilisez la déclaration: <style type="text/css"></style> Charsets autorisés: UTF-8 Outils de création de matériel publicitaire L utilisation d outils tels «Adobe Edge» pour générer du matériel publicitaire HTML5 ne permet pas de garantir la comptabilisation des clics, car les spécifications citées cidessus ne sont pas respectées. Des outils tels que «Swiffy», proposé par Google permettent de convertir les animations flash en HTML5 : Il est également possible depuis Adobe Flash CS6 d exporter les animations pour l HTML5. Important : les outils d exports/convertisseurs sont une solution alternative mais qui ne remplacent pas une création en HTML5. Aussi, nous ne garantissons le bon rendu visuel de l animation via des outils de ce type. Spécifications Expandable Ad Il existe deux méthodes pour générer l expansion du format publicitaire : sur un passage du curseur (Mouse-Over), l effet Expand est activé quand l utilisateur passe le curseur sur le format publicitaire ; sur un clic (Mouse- Click), l effet Expand est activé quand l utilisateur clique sur le format publicitaire. Dès que le curseur sort du format publicitaire, celui-ci doit se rétracter automatiquement. Important : si le format publicitaire doit démarrer en expansion (ouvert), il sera déclaré comme Floating-Ad et soumis au groupe tarifaire correspondant.

Tous les noms de classes, variables et fonctions doivent être uniques. Style Sheet CSS Ne créez pas de Style Sheet séparé.

3 Il est recommandé d ajouter aux liens, dans le code HTML, des codes de suivi propres Spécifications pour la livraison de matériels publicitaires pour mobiles HTML (physique) Pour les matériels publicitaires physiques en HTML, veuillez respecter les spécifications suivantes: Structure Le fichier d index doit impérativement posséder l extension de nom de fichier «.html». Le fichier index.html doit se trouver à la racine du répertoire. Il est recommandé d ajouter aux liens (dans le code HTML) des codes de suivi propres Illustrations / styles Pour les illustrations, il ne faut utiliser que des formats de fichier compatibles avec les mobiles (p. ex.,.png ou.jpeg). Le matériel publicitaire doit être configuré sur une largeur de 320 pixels en HTML/CSS. Dans les bannières, il faut toutefois intégrer des illustrations d une largeur de 640 pixels. Cela permet de s assurer que la bannière sera affichée correctement dans WebView et que les illustrations seront quand même optimisées pour les écrans Retina. Exemple de bannière: <div style= width:320px; height:64px; ><img width= 100% height= 100% src= creative640x128.jpg /></div> Exemple de Pre-/Interstitial: <div style= width:320px; height:416px; ><img width= 100% height= 100% src= creative640x832.jpg /></div>

html doit se trouver à la racine du répertoire.

4 HTML (par lien) Le matériel publicitaire peut être hébergé sur votre propre serveur Web. Dans ce cas, il suffit de nous fournir l URL vers la bannière et il faut également respecter les spécifications cidessus. Redirections Pour les redirections, veuillez tenir compte des points suivants: Les redirections doivent impérativement avoir les dimensions suivantes: largeur de 320 px (Wideboard, Interstitial) ou 300 px (Rectangle). Les photos liées doivent toutefois être intégrées à la résolution double (voir section «Illustrations / styles» cidessus). En principe, nous sommes en mesure de comptabiliser les clics des redirections des principaux serveurs de publicités. Spécifications tablette Le matériel publicitaire pour tablette peut être fourni dans les variantes décrites ci-dessous. Photos Pour les photos, il faut utiliser la double résolution (Retina) au format indiqué dans le tarif. L ipad Interstitial et l ipad Stripe-Ad nécessitent deux formats (paysage/portrait). HTML (physique) Structure Le fichier d index doit impérativement posséder l extension de nom de fichier «.html». Le fichier index.html doit se trouver au plus haut niveau du répertoire. La fonction pivotante doit être assurée via CSS pour afficher les modes portrait et paysage. Voici un exemple: <div id="horizontal">horizontal</div> <div screen and (min-width: 768px) { div#horizontal {display: block;} div#vertikal {display: none;} screen and (min-height: 768px) {

Redirections Pour les redirections, veuillez tenir compte des points suivants: Les redirections doivent impérativement avoir les dimensions suivantes: largeur de 320 px (Wideboard, Interstitial) ou

5 div#horizontal {display: none;} div#vertikal {display: block;} } Il est recommandé d ajouter aux liens, dans le code HTML, des codes de suivi propres Illustrations / styles Pour les illustrations, il ne faut utiliser que des formats de fichier compatibles avec les mobiles (p. ex.,.png ou.jpeg). Le matériel publicitaire doit être configuré via HTML/CSS sur la largeur/longueur indiquées dans le tarif. Les photos doivent être intégrées à l HTML en résolution Retina. HTML (par lien) Le matériel publicitaire peut être hébergé sur votre propre serveur Web et il suffit de nous fournir une URL vers la bannière. Dans ce cas, il faut également respecter les spécifications ci-dessus. Redirections Elles ne sont pas acceptées sur ipad-interstitial car le préchargement de l annonce entraîne des différences de chiffres. Pour les annonces ipad Stripe et demi-page, il faut respecter les points suivants: la redirection doit impérativement afficher la dimension (largeur/hauteur) indiquée dans le tarif. Les photos peuvent être intégrées au matériel publicitaire en résolution Retina. En principe, nous sommes en mesure de comptabiliser les clics des redirections des principaux serveurs de publicités.

Le matériel publicitaire doit être configuré via HTML/CSS sur la largeur/longueur indiquées dans le tarif. Les photos doivent être intégrées à l HTML en résolution Retina.

Documents pareils

SPÉCIFICATIONS TECHNIQUES DES FORMATS PUBLICITAIRES

SPÉCIFICATIONS TECHNIQUES DES FORMATS PUBLICITAIRES DIRECTIVES COMMUNE POIDS Display Standard: 70 KB Display «Expandable»: 115 KB Video: 40 MB Video Mobile: 3 MB Performance: 30 KB Mobile: voir page 9