{"id":31505,"date":"2021-01-13T10:46:30","date_gmt":"2021-01-13T09:46:30","guid":{"rendered":"https:\/\/www.italiaonline.it\/iol-advertising\/adv-formats\/linee-guida-html5\/"},"modified":"2024-08-21T16:57:06","modified_gmt":"2024-08-21T14:57:06","slug":"html5-guidelines","status":"publish","type":"page","link":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/","title":{"rendered":"HTML5 guidelines"},"content":{"rendered":"<p>[vc_row][vc_column]<style>.ld_spacer_69d1e3dd3f090{height:140px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_69d1e3dd3f090\"><span class=\"liquid_empty_space_inner\"><\/span><\/div><style>.ld_fancy_heading_69d1e3dd3f4cb h6{font-size:12PX;font-weight:600;letter-spacing:0.2em;color:#de1e63;}.ld_fancy_heading_69d1e3dd3f4cb .lqd-highlight-inner{height:0.275em;bottom:0px;}<\/style><div class=\"ld-fancy-heading text-uppercase ld_fancy_heading_69d1e3dd3f4cb\">\n\t<h6 class=\"lqd-highlight-underline lqd-highlight-grow-left\" ><span class=\"ld-fh-txt\"> <a href=\"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/\">ADV FORMATS<\/a><\/span><\/h6><\/div><style>.ld_fancy_heading_69d1e3dd40f86 h1{font-size:70px;color:rgb(0, 0, 0);}.ld_fancy_heading_69d1e3dd40f86 .lqd-highlight-inner{height:0.275em;bottom:0px;}<\/style><div class=\"ld-fancy-heading ld_fancy_heading_69d1e3dd40f86\">\n\t<h1 class=\"lqd-highlight-underline lqd-highlight-grow-left\" data-fittext=\"true\" data-fittext-options='{\"compressor\":1,\"maxFontSize\":\"70px\",\"minFontSize\":\"40px\"}'><span class=\"ld-fh-txt\"> HTML5 Guidelines<\/span><\/h1><\/div><style>.ld_spacer_69d1e3dd425bf{height:5px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_69d1e3dd425bf\"><span class=\"liquid_empty_space_inner\"><\/span><\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;General specifications&#8221; font_container=&#8221;tag:h2|text_align:left|color:%23de1e63&#8243;]<style>.ld_spacer_69d1e3dd426b3{height:5px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_69d1e3dd426b3\"><span class=\"liquid_empty_space_inner\"><\/span><\/div>[vc_column_text]Due to changes in browser settings that limit the display of Flash content on web pages, Italiaonline requires that all creatives be made in HTML5.[\/vc_column_text]<style>.ld_spacer_69d1e3dd427a7{height:40px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_69d1e3dd427a7\"><span class=\"liquid_empty_space_inner\"><\/span><\/div><style>.ld_button_69d1e3dd42960.btn-icon-solid .btn-icon{background:rgb(51, 51, 51);}.ld_button_69d1e3dd42960.btn-icon-circle.btn-icon-ripple .btn-icon:before{border-color:rgb(51, 51, 51);}.ld_button_69d1e3dd42960.btn-icon-solid:hover .btn-icon{background:rgb(85, 85, 85);}.ld_button_69d1e3dd42960 .btn-icon{color:rgb(255, 255, 255);font-size:14px;}.ld_button_69d1e3dd42960:hover .btn-icon{color:rgb(255, 255, 255);}.ld_button_69d1e3dd42960{background-color:rgb(51, 51, 51);border-color:rgb(51, 51, 51);color:rgb(255, 255, 255);font-size:14px !important;font-weight:700 !important;}.ld_button_69d1e3dd42960:hover{background-color:rgb(85, 85, 85);border-color:rgb(85, 85, 85);color:rgb(255, 255, 255);}.ld_button_69d1e3dd42960 .btn-gradient-bg-hover{background:-webkit-linear-gradient(to right, rgb(85, 85, 85) 0%, rgb(85, 85, 85) 100%);background:linear-gradient(to right, rgb(85, 85, 85) 0%, rgb(85, 85, 85) 100%);}.ld_button_69d1e3dd42960 .btn-gradient-border defs stop:first-child{stop-color:rgb(51, 51, 51);}.ld_button_69d1e3dd42960 .btn-gradient-border defs stop:last-child{stop-color:rgb(51, 51, 51);}.ld_button_69d1e3dd42960:hover .btn-gradient-border defs stop:first-child{stop-color:rgb(85, 85, 85);}.ld_button_69d1e3dd42960:hover .btn-gradient-border defs stop:last-child{stop-color:rgb(85, 85, 85);}<\/style><a href=\"https:\/\/www.italiaonline.it\/iol-advertising\/wp-content\/uploads\/sites\/9\/2021\/04\/TEMPLATE-HTML5.zip\" target=\"_blank\" class=\"btn btn-solid text-uppercase btn-lg circle btn-bordered border-thin ld_button_69d1e3dd42960\">\n\t<span>\n\t\t\n\t\t\t\t\t<span class=\"btn-txt\">template html5<\/span>\n\t\t\t\n\t<span class=\"btn-icon\"><i class=\"fas fa-download\"><\/i><\/span>\t\t\t<\/span>\n<\/a>\n<style>.ld_spacer_69d1e3dd44044{height:40px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_69d1e3dd44044\"><span class=\"liquid_empty_space_inner\"><\/span><\/div>[vc_column_text]HTML5 creatives are accepted in the following ways:[\/vc_column_text][vc_custom_heading text=&#8221;Third-Party Tags (mandatory for rich media formats)&#8221; font_container=&#8221;tag:h4|text_align:left&#8221;][vc_column_text]HTML5 creatives are delivered from a third-party server. For rich media creatives, all formats must be previously certified.[\/vc_column_text]<style>.ld_spacer_69d1e3dd44123{height:5px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_69d1e3dd44123\"><span class=\"liquid_empty_space_inner\"><\/span><\/div>[vc_custom_heading text=&#8221;DoubleClick Studio Creativity&#8221; font_container=&#8221;tag:h4|text_align:left&#8221;][vc_column_text]HTML5 creatives are pushed to the ad server directly from DoubleClick Studio.[\/vc_column_text]<style>.ld_spacer_69d1e3dd441ef{height:5px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_69d1e3dd441ef\"><span class=\"liquid_empty_space_inner\"><\/span><\/div>[vc_custom_heading text=&#8221;DoubleClick Campaign Manager (DCM inRed) Creativity&#8221; font_container=&#8221;tag:h4|text_align:left&#8221;][vc_column_text]HTML5 creatives are delivered through the DoubleClick Campaign Manager of the media center or agency.[\/vc_column_text]<style>.ld_spacer_69d1e3dd4429a{height:5px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_69d1e3dd4429a\"><span class=\"liquid_empty_space_inner\"><\/span><\/div>[vc_custom_heading text=&#8221;Self-Contained (Embedded) HTML5 Creativity&#8221; font_container=&#8221;tag:h4|text_align:left&#8221;][vc_column_text]HTML5 creatives that are not expandable and are delivered through a single snippet. Self-contained creatives are sent in a single file with all elements embedded within the HTML code. The HTML file must comply with W3C standards.[\/vc_column_text]<style>.ld_spacer_69d1e3dd4434f{height:5px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_69d1e3dd4434f\"><span class=\"liquid_empty_space_inner\"><\/span><\/div>[vc_custom_heading text=&#8221;HTML5 Bundle Creativity&#8221; font_container=&#8221;tag:h4|text_align:left&#8221;][vc_column_text]HTML5 creatives provided in a zip file, including the primary HTML page and other files to support delivery (images, style sheets, JavaScript files, etc.).<\/p>\n<h4>General rules:<\/h4>\n<ul>\n<li>Provide separately tracking codes for clicks (one only) and impressions (maximum two).<\/li>\n<li>For standard formats, the maximum weight of the initial file is 200 KB.<\/li>\n<\/ul>\n<p>[\/vc_column_text]<style>.ld_spacer_69d1e3dd443e9{height:40px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_69d1e3dd443e9\"><span class=\"liquid_empty_space_inner\"><\/span><\/div>[vc_separator][vc_custom_heading text=&#8221;Instructions to implement the clickTAG inside the creativity&#8221; font_container=&#8221;tag:h2|text_align:left|color:%23de1e63&#8243;]<style>.ld_spacer_69d1e3dd4448b{height:5px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_69d1e3dd4448b\"><span class=\"liquid_empty_space_inner\"><\/span><\/div>[vc_column_text]For both HTML5 Self-Contained and HTML5 Bundle, you must associate the click event with the <code>clickTag<\/code> variable directly in the HTML. A single <code>clickTag<\/code> should be used for each creative.<\/p>\n<p>Inside the .html file (for HTML5 Bundle, only inside the primary file), add the following instructions at the bottom of the HEAD section, if not already present:<\/p>\n<pre><code>&lt;script type=\"text\/javascript\"&gt;var clickTag = \"https:\/\/google.com\"; &lt;\/script&gt;<\/code><\/pre>\n<p>In the DIV or HREF that contains the entire creative, if not already present, add the following instruction (using the appropriate onclick event or handler, depending on the tool used):<\/p>\n<pre><code>window.open(clickTag);<\/code><\/pre>\n<p>Example (valid for using Adobe Edge):<\/p>\n<pre><code>&lt;div id=\"Stage\" class=\"EDGE-14947314\"&gt;&lt;\/div&gt;<\/code><\/pre>\n<p><strong>Warning!<\/strong> HTML5 creatives (Google Ad Manager native) do not support GDPR parameters in the <code>clickTag<\/code>. To include all GDPR macros within the HTML5 creative, using a redirect service (such as Sizmek, adForm, Weborama, etc.) is required.[\/vc_column_text]<style>.ld_spacer_69d1e3dd44523{height:140px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_69d1e3dd44523\"><span class=\"liquid_empty_space_inner\"><\/span><\/div>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;General specifications&#8221; font_container=&#8221;tag:h2|text_align:left|color:%23de1e63&#8243;][vc_column_text]Due to changes in browser settings that limit the display of Flash&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":31789,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-31505","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML5 Guidelines - ADV Formats - IOL Advertising | Italiaonline<\/title>\n<meta name=\"description\" content=\"HTML5 Guidelines and Specifications for ADV formats by IOL Advertising \/ Italiaonline\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 Guidelines - ADV Formats - IOL Advertising | Italiaonline\" \/>\n<meta property=\"og:description\" content=\"HTML5 Guidelines and Specifications for ADV formats by IOL Advertising \/ Italiaonline\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/\" \/>\n<meta property=\"og:site_name\" content=\"iOL Advertising\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-21T14:57:06+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/\",\"url\":\"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/\",\"name\":\"HTML5 Guidelines - ADV Formats - IOL Advertising | Italiaonline\",\"isPartOf\":{\"@id\":\"https:\/\/www.italiaonline.it\/iol-advertising\/#website\"},\"datePublished\":\"2021-01-13T09:46:30+00:00\",\"dateModified\":\"2024-08-21T14:57:06+00:00\",\"description\":\"HTML5 Guidelines and Specifications for ADV formats by IOL Advertising \/ Italiaonline\",\"breadcrumb\":{\"@id\":\"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.italiaonline.it\/iol-advertising\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ADV formats\",\"item\":\"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML5 guidelines\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.italiaonline.it\/iol-advertising\/#website\",\"url\":\"https:\/\/www.italiaonline.it\/iol-advertising\/\",\"name\":\"iOL Advertising\",\"description\":\"Sito iOL Advertising\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.italiaonline.it\/iol-advertising\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5 Guidelines - ADV Formats - IOL Advertising | Italiaonline","description":"HTML5 Guidelines and Specifications for ADV formats by IOL Advertising \/ Italiaonline","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/","og_locale":"en_US","og_type":"article","og_title":"HTML5 Guidelines - ADV Formats - IOL Advertising | Italiaonline","og_description":"HTML5 Guidelines and Specifications for ADV formats by IOL Advertising \/ Italiaonline","og_url":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/","og_site_name":"iOL Advertising","article_modified_time":"2024-08-21T14:57:06+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/","url":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/","name":"HTML5 Guidelines - ADV Formats - IOL Advertising | Italiaonline","isPartOf":{"@id":"https:\/\/www.italiaonline.it\/iol-advertising\/#website"},"datePublished":"2021-01-13T09:46:30+00:00","dateModified":"2024-08-21T14:57:06+00:00","description":"HTML5 Guidelines and Specifications for ADV formats by IOL Advertising \/ Italiaonline","breadcrumb":{"@id":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/html5-guidelines\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/"},{"@type":"ListItem","position":2,"name":"ADV formats","item":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/adv-formats\/"},{"@type":"ListItem","position":3,"name":"HTML5 guidelines"}]},{"@type":"WebSite","@id":"https:\/\/www.italiaonline.it\/iol-advertising\/#website","url":"https:\/\/www.italiaonline.it\/iol-advertising\/","name":"iOL Advertising","description":"Sito iOL Advertising","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.italiaonline.it\/iol-advertising\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/wp-json\/wp\/v2\/pages\/31505"}],"collection":[{"href":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/wp-json\/wp\/v2\/comments?post=31505"}],"version-history":[{"count":3,"href":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/wp-json\/wp\/v2\/pages\/31505\/revisions"}],"predecessor-version":[{"id":33192,"href":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/wp-json\/wp\/v2\/pages\/31505\/revisions\/33192"}],"up":[{"embeddable":true,"href":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/wp-json\/wp\/v2\/pages\/31789"}],"wp:attachment":[{"href":"https:\/\/www.italiaonline.it\/iol-advertising\/en\/wp-json\/wp\/v2\/media?parent=31505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}