{"id":255,"count":0,"description":"<a style=\"color: grey;\" href=\"https:\/\/www.adventori.com\/fr\/creez-vos-publicites-dynamiques\/\">Documentation DCO Enabler -&gt; <\/a><a style=\"color: grey;\" href=\"https:\/\/www.adventori.com\/fr\/enabler-adobe-animate-fr\/\">ENABLER ADOBE ANIMATE CC<\/a>\r\n<div class=\"row\"><code style=\"display: none;\"> <\/code> <code style=\"display: none;\"> <\/code><h3 style=\"text-align: center;\"><span class=\"icon ion-android-search\"><\/span> INTRODUCTION<\/h3><code style=\"display: none;\"> <\/code><div class=\"col-sm-4 col-sm-push-8\"><code style=\"display: none;\"> <\/code><img src=\"https:\/\/www.adventori.com\/media\/ADventori-Animate-Logo-300x228.png\" alt=\"ADventori-Animate-Logo\" class=\"size-medium wp-image-12287 aligncenter\" width=\"300\" height=\"228\" \/><br \/><br \/> <code style=\"display: none;\"> <\/code><\/div><code style=\"display: none;\"> <\/code><div class=\"col-sm-8 col-sm-pull-4\"><code style=\"display: none;\"> <\/code><div class=\"page\" title=\"Page 3\"><div class=\"layoutArea\"><p><span>Dans ce tutoriel, nous allons vous montrer comment inte\u0301grer la librairie ADventori sous Adobe Animate cc pour dynamiser les publicite\u0301s HTML5. Nous vous invitons a\u0300 lire le livre blanc e\u0301crit par la librairie createJS sur les bonnes pratiques de re\u0301alisation d<\/span><span>\u2019<\/span><span>une bannie\u0300re publicitaire en <\/span><a style=\"color: blue;\" href=\"https:\/\/createjs.com\/html5ads\/\"><span>html5\/canvas<\/span><\/a><span>. <\/span><\/p><p><span>Le point de de\u0301part est une bannie\u0300re respectant les <\/span><a style=\"color: blue;\" href=\"https:\/\/www.iab.com\/guidelines\/html5-for-digital-advertising-guidance-for-ad-designers-creative-technologists\/\"><span>standards IAB <\/span><\/a><span>: <\/span><\/p><ul><li><p><span>Elle doit e\u0302tre sous la forme d<\/span><span>\u2019<\/span><span>un fichier zip comprenant un seul fichier HTML et tous les e\u0301le\u0301ments ne\u0301cessaires <\/span><span>(img, js, css). <\/span><\/p><\/li><li><p><span>Les URLs dans le fichier HTML doivent toutes e\u0302tre relatives. <\/span><\/p><\/li><li><p><span>ADventori n<\/span><span>\u2019<\/span><span>est pas limite\u0301 sur le poids de la cre\u0301ation, mais pour optimiser la livraison, nous recommandons de garder un poids sous les 200kbytes.<\/span><\/p><\/li><li><p><span><\/span>Pour acce\u0301le\u0301rer l\u2019adserving, <strong>JavaScript <\/strong>et <strong>CSS <\/strong>peuvent e\u0302tre pre\u0301sents directement dans le fichier HTML principal, et les images plus petites e\u0302tre encode\u0301es en base64 dans le HTML.<\/p><\/li><\/ul><h4 class=\"column\"><strong>Attention<\/strong><br \/><br \/><\/h4><ul><li><p><span>N<\/span><span>\u2019<\/span><span>oubliez pas le GIF de backup pour chaque format. <\/span><\/p><\/li><li><p><span>Il est important de respecter la me\u0302me convention de nommage pour les diffe\u0301rents assets entre les <\/span><span>diffe\u0301rents formats. <\/span><\/p><\/li><li><p><span>Les bannie\u0300res <\/span><strong>ne doivent pas <\/strong><span>inte\u0301grer de ClickTag ni de ClickCommand. Ils seront inte\u0301gre\u0301s via la bibliothe\u0300que ADventori dans une e\u0301tape suivante.<\/span><\/p><\/li><li><p><span><\/span>Si nous devons re\u0301cupe\u0301rer les images sur un serveur externe, il faut que celui si fonctionne en secure, dans le cas contraire, il y a un rejet lors de l\u2019audit.\u00a0<\/p><\/li><\/ul><p>&nbsp;<\/p><p>Deux tutoriels sont disponibles, le premier (<strong>code snippet<\/strong>) est destine\u0301 aux non-de\u0301veloppeurs, le second aux de\u0301veloppeurs plus aguerris.<\/p><p>Nous sommes a\u0300 votre disposition pour vous aider dans l\u2019utilisation de la librairie ADventori, pour toute question, contactez nous sur <a style=\"color: blue;\" href=\"mailto:op@adventori.com\">op@adventori.com<\/a><\/p><\/div><\/div><code style=\"display: none;\"> <\/code><\/div><code style=\"display: none;\"> <\/code> <code style=\"display: none;\"> <\/code><\/div>","link":"https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/","name":"ENABLER ADOBE ANIMATE CC","slug":"enabler-adobe-animate-fr","taxonomy":"category","parent":0,"meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>ENABLER ADOBE ANIMATE CC | ADventori<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ENABLER ADOBE ANIMATE CC | ADventori\" \/>\n<meta property=\"og:description\" content=\"Documentation DCO Enabler -&gt; ENABLER ADOBE ANIMATE CC   INTRODUCTION       Dans ce tutoriel, nous allons vous montrer comment inte\u0301grer la librairie ADventori sous Adobe Animate cc pour dynamiser les publicite\u0301s HTML5. Nous vous invitons a\u0300 lire le livre blanc e\u0301crit par la librairie createJS sur les bonnes pratiques de re\u0301alisation d\u2019une bannie\u0300re publicitaire en html5\/canvas. Le point de de\u0301part est une bannie\u0300re respectant les standards IAB :  Elle doit e\u0302tre sous la forme d\u2019un fichier zip comprenant un seul fichier HTML et tous les e\u0301le\u0301ments ne\u0301cessaires (img, js, css).  Les URLs dans le fichier HTML doivent toutes e\u0302tre relatives.  ADventori n\u2019est pas limite\u0301 sur le poids de la cre\u0301ation, mais pour optimiser la livraison, nous recommandons de garder un poids sous les 200kbytes.  Pour acce\u0301le\u0301rer l\u2019adserving, JavaScript et CSS peuvent e\u0302tre pre\u0301sents directement dans le fichier HTML principal, et les images plus petites e\u0302tre encode\u0301es en base64 dans le HTML.  Attention  N\u2019oubliez pas le GIF de backup pour chaque format.  Il est important de respecter la me\u0302me convention de nommage pour les diffe\u0301rents assets entre les diffe\u0301rents formats.  Les bannie\u0300res ne doivent pas inte\u0301grer de ClickTag ni de ClickCommand. Ils seront inte\u0301gre\u0301s via la bibliothe\u0300que ADventori dans une e\u0301tape suivante.  Si nous devons re\u0301cupe\u0301rer les images sur un serveur externe, il faut que celui si fonctionne en secure, dans le cas contraire, il y a un rejet lors de l\u2019audit.\u00a0  &nbsp; Deux tutoriels sont disponibles, le premier (code snippet) est destine\u0301 aux non-de\u0301veloppeurs, le second aux de\u0301veloppeurs plus aguerris. Nous sommes a\u0300 votre disposition pour vous aider dans l\u2019utilisation de la librairie ADventori, pour toute question, contactez nous sur op@adventori.com\" \/>\n<meta property=\"og:url\" content=\"https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/\" \/>\n<meta property=\"og:site_name\" content=\"ADventori\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.adventori.com\/media\/ADventori-Animate-Logo-300x228.png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:site\" content=\"@adventori\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/v4.adventori.com\/#organization\",\"name\":\"ADventori\",\"url\":\"https:\/\/v4.adventori.com\/\",\"sameAs\":[\"https:\/\/twitter.com\/adventori\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/v4.adventori.com\/#\/schema\/logo\/image\/\",\"url\":\"\/media\/Large_Logo-ADventori_Couleur_2015.png\",\"contentUrl\":\"\/media\/Large_Logo-ADventori_Couleur_2015.png\",\"width\":400,\"height\":133,\"caption\":\"ADventori\"},\"image\":{\"@id\":\"https:\/\/v4.adventori.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/v4.adventori.com\/#website\",\"url\":\"https:\/\/v4.adventori.com\/\",\"name\":\"ADventori\",\"description\":\"LESS ADS, MORE EFFICIENT ADS\",\"publisher\":{\"@id\":\"https:\/\/v4.adventori.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/v4.adventori.com\/search\/{search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"CollectionPage\",\"@id\":\"https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/#webpage\",\"url\":\"https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/\",\"name\":\"ENABLER ADOBE ANIMATE CC | ADventori\",\"isPartOf\":{\"@id\":\"https:\/\/v4.adventori.com\/#website\"},\"breadcrumb\":{\"@id\":\"https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/v4.adventori.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ENABLER ADOBE ANIMATE CC\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ENABLER ADOBE ANIMATE CC | ADventori","robots":{"index":"noindex","follow":"follow"},"og_locale":"fr_FR","og_type":"article","og_title":"ENABLER ADOBE ANIMATE CC | ADventori","og_description":"Documentation DCO Enabler -&gt; ENABLER ADOBE ANIMATE CC   INTRODUCTION       Dans ce tutoriel, nous allons vous montrer comment inte\u0301grer la librairie ADventori sous Adobe Animate cc pour dynamiser les publicite\u0301s HTML5. Nous vous invitons a\u0300 lire le livre blanc e\u0301crit par la librairie createJS sur les bonnes pratiques de re\u0301alisation d\u2019une bannie\u0300re publicitaire en html5\/canvas. Le point de de\u0301part est une bannie\u0300re respectant les standards IAB :  Elle doit e\u0302tre sous la forme d\u2019un fichier zip comprenant un seul fichier HTML et tous les e\u0301le\u0301ments ne\u0301cessaires (img, js, css).  Les URLs dans le fichier HTML doivent toutes e\u0302tre relatives.  ADventori n\u2019est pas limite\u0301 sur le poids de la cre\u0301ation, mais pour optimiser la livraison, nous recommandons de garder un poids sous les 200kbytes.  Pour acce\u0301le\u0301rer l\u2019adserving, JavaScript et CSS peuvent e\u0302tre pre\u0301sents directement dans le fichier HTML principal, et les images plus petites e\u0302tre encode\u0301es en base64 dans le HTML.  Attention  N\u2019oubliez pas le GIF de backup pour chaque format.  Il est important de respecter la me\u0302me convention de nommage pour les diffe\u0301rents assets entre les diffe\u0301rents formats.  Les bannie\u0300res ne doivent pas inte\u0301grer de ClickTag ni de ClickCommand. Ils seront inte\u0301gre\u0301s via la bibliothe\u0300que ADventori dans une e\u0301tape suivante.  Si nous devons re\u0301cupe\u0301rer les images sur un serveur externe, il faut que celui si fonctionne en secure, dans le cas contraire, il y a un rejet lors de l\u2019audit.\u00a0  &nbsp; Deux tutoriels sont disponibles, le premier (code snippet) est destine\u0301 aux non-de\u0301veloppeurs, le second aux de\u0301veloppeurs plus aguerris. Nous sommes a\u0300 votre disposition pour vous aider dans l\u2019utilisation de la librairie ADventori, pour toute question, contactez nous sur op@adventori.com","og_url":"https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/","og_site_name":"ADventori","og_image":[{"url":"https:\/\/www.adventori.com\/media\/ADventori-Animate-Logo-300x228.png"}],"twitter_card":"summary","twitter_site":"@adventori","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/v4.adventori.com\/#organization","name":"ADventori","url":"https:\/\/v4.adventori.com\/","sameAs":["https:\/\/twitter.com\/adventori"],"logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/v4.adventori.com\/#\/schema\/logo\/image\/","url":"\/media\/Large_Logo-ADventori_Couleur_2015.png","contentUrl":"\/media\/Large_Logo-ADventori_Couleur_2015.png","width":400,"height":133,"caption":"ADventori"},"image":{"@id":"https:\/\/v4.adventori.com\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/v4.adventori.com\/#website","url":"https:\/\/v4.adventori.com\/","name":"ADventori","description":"LESS ADS, MORE EFFICIENT ADS","publisher":{"@id":"https:\/\/v4.adventori.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/v4.adventori.com\/search\/{search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"CollectionPage","@id":"https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/#webpage","url":"https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/","name":"ENABLER ADOBE ANIMATE CC | ADventori","isPartOf":{"@id":"https:\/\/v4.adventori.com\/#website"},"breadcrumb":{"@id":"https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/v4.adventori.com\/fr\/enabler-adobe-animate-fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/v4.adventori.com\/fr\/"},{"@type":"ListItem","position":2,"name":"ENABLER ADOBE ANIMATE CC"}]}]}},"_links":{"self":[{"href":"https:\/\/v4.adventori.com\/fr\/wp-json\/wp\/v2\/categories\/255"}],"collection":[{"href":"https:\/\/v4.adventori.com\/fr\/wp-json\/wp\/v2\/categories"}],"about":[{"href":"https:\/\/v4.adventori.com\/fr\/wp-json\/wp\/v2\/taxonomies\/category"}],"wp:post_type":[{"href":"https:\/\/v4.adventori.com\/fr\/wp-json\/wp\/v2\/posts?categories=255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}