{"id":243,"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-google-web-designer-fr\/\">ENABLER GOOGLE WEB DESIGNER<\/a>\r\n<div class=\"row\">\r\n<h3 style=\"text-align: center;\"><span class=\"icon ion-android-search\"><\/span> INTRODUCTION<\/h3>\r\n<div class=\"col-sm-4 col-sm-push-8\">\r\n<img src=\"https:\/\/www.adventori.com\/media\/ADventori-GWD-Logo-300x228.png\" alt=\"ADventori-GWD-Logo\" class=\"size-medium wp-image-11854 aligncenter\" width=\"300\" height=\"228\" \/>\r\n<\/div>\r\n<div class=\"col-sm-8 col-sm-pull-4\">\r\n\r\n<p>Dans ce tutoriel, nous allons vous montrer comment int\u00e9grer la librairie ADventori sous Google Web Designer pour dynamiser les publicit\u00e9s HTML5 . <br \/>Le point de d\u00e9part est une cr\u00e9a respectant les <a href=\"http:\/\/www.iab.net\/html5\">standards IAB<\/a> :<\/p><ul><li>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).<\/li><li>Les URLs dans le fichier HTML doivent toutes e\u0302tre relatives.<\/li><li>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.<\/li><li>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.<\/li><\/ul><p>&nbsp;<\/p><h4><strong>Attention <\/strong><\/h4><ul><li>N\u2019oubliez pas le GIF de backup pour chaque format.<\/li><li>Il est important de respecter la me\u0302me convention de nommage pour les diffe\u0301rents assets entre les diffe\u0301rents formats.<\/li><li>Les bannie\u0300res <strong>ne doivent pas<\/strong> inte\u0301grer de ClickTag ni de ClickCommand. Ils seront inte\u0301gre\u0301s via la bibliothe\u0300que ADventori dans une e\u0301tape suivante.<\/li><li>Si nous devons re\u0301cupe\u0301rer les images sur un serveur externe, il faut que celui-ci fonctionne en secure, dans le cas contraire, il y a un rejet lors de l\u2019audit.<\/li><\/ul><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>\r\n<\/div>\r\n\r\n<\/div>","link":"https:\/\/v4.adventori.com\/fr\/creative-lab-fr\/enabler-google-web-designer-fr\/","name":"ENABLER GOOGLE WEB DESIGNER","slug":"enabler-google-web-designer-fr","taxonomy":"category","parent":274,"meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>ENABLER GOOGLE WEB DESIGNER | 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 GOOGLE WEB DESIGNER | ADventori\" \/>\n<meta property=\"og:description\" content=\"Documentation DCO Enabler -&gt; ENABLER GOOGLE WEB DESIGNER  INTRODUCTION   Dans ce tutoriel, nous allons vous montrer comment int\u00e9grer la librairie ADventori sous Google Web Designer pour dynamiser les publicit\u00e9s HTML5 . Le point de d\u00e9part est une cr\u00e9a 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. &nbsp; 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-ci fonctionne en secure, dans le cas contraire, il y a un rejet lors de l\u2019audit. 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\/creative-lab-fr\/enabler-google-web-designer-fr\/\" \/>\n<meta property=\"og:site_name\" content=\"ADventori\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.adventori.com\/media\/ADventori-GWD-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\/creative-lab-fr\/enabler-google-web-designer-fr\/#webpage\",\"url\":\"https:\/\/v4.adventori.com\/fr\/creative-lab-fr\/enabler-google-web-designer-fr\/\",\"name\":\"ENABLER GOOGLE WEB DESIGNER | ADventori\",\"isPartOf\":{\"@id\":\"https:\/\/v4.adventori.com\/#website\"},\"breadcrumb\":{\"@id\":\"https:\/\/v4.adventori.com\/fr\/creative-lab-fr\/enabler-google-web-designer-fr\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/v4.adventori.com\/fr\/creative-lab-fr\/enabler-google-web-designer-fr\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/v4.adventori.com\/fr\/creative-lab-fr\/enabler-google-web-designer-fr\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/v4.adventori.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CREATIVE LAB\",\"item\":\"https:\/\/v4.adventori.com\/fr\/creative-lab-fr\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"ENABLER GOOGLE WEB DESIGNER\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ENABLER GOOGLE WEB DESIGNER | ADventori","robots":{"index":"noindex","follow":"follow"},"og_locale":"fr_FR","og_type":"article","og_title":"ENABLER GOOGLE WEB DESIGNER | ADventori","og_description":"Documentation DCO Enabler -&gt; ENABLER GOOGLE WEB DESIGNER  INTRODUCTION   Dans ce tutoriel, nous allons vous montrer comment int\u00e9grer la librairie ADventori sous Google Web Designer pour dynamiser les publicit\u00e9s HTML5 . Le point de d\u00e9part est une cr\u00e9a 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. &nbsp; 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-ci fonctionne en secure, dans le cas contraire, il y a un rejet lors de l\u2019audit. 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\/creative-lab-fr\/enabler-google-web-designer-fr\/","og_site_name":"ADventori","og_image":[{"url":"https:\/\/www.adventori.com\/media\/ADventori-GWD-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\/creative-lab-fr\/enabler-google-web-designer-fr\/#webpage","url":"https:\/\/v4.adventori.com\/fr\/creative-lab-fr\/enabler-google-web-designer-fr\/","name":"ENABLER GOOGLE WEB DESIGNER | ADventori","isPartOf":{"@id":"https:\/\/v4.adventori.com\/#website"},"breadcrumb":{"@id":"https:\/\/v4.adventori.com\/fr\/creative-lab-fr\/enabler-google-web-designer-fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/v4.adventori.com\/fr\/creative-lab-fr\/enabler-google-web-designer-fr\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/v4.adventori.com\/fr\/creative-lab-fr\/enabler-google-web-designer-fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/v4.adventori.com\/fr\/"},{"@type":"ListItem","position":2,"name":"CREATIVE LAB","item":"https:\/\/v4.adventori.com\/fr\/creative-lab-fr\/"},{"@type":"ListItem","position":3,"name":"ENABLER GOOGLE WEB DESIGNER"}]}]}},"_links":{"self":[{"href":"https:\/\/v4.adventori.com\/fr\/wp-json\/wp\/v2\/categories\/243"}],"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"}],"up":[{"embeddable":true,"href":"https:\/\/v4.adventori.com\/fr\/wp-json\/wp\/v2\/categories\/274"}],"wp:post_type":[{"href":"https:\/\/v4.adventori.com\/fr\/wp-json\/wp\/v2\/posts?categories=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}