{"id":2266,"date":"2021-11-19T11:25:25","date_gmt":"2021-11-19T10:25:25","guid":{"rendered":"https:\/\/targetplatform.dk\/?page_id=2266"},"modified":"2025-04-14T13:17:37","modified_gmt":"2025-04-14T11:17:37","slug":"materials","status":"publish","type":"page","link":"https:\/\/targetplatform.dk\/en\/materials\/","title":{"rendered":"Materials"},"content":{"rendered":"<div id=\"pl-gb2266-69fa1bb9713d6\"  class=\"panel-layout\" ><div id=\"pg-gb2266-69fa1bb9713d6-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-gb2266-69fa1bb9713d6-0\" data-stretch-type=\"full\" ><div id=\"pgc-gb2266-69fa1bb9713d6-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-gb2266-69fa1bb9713d6-0-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child widgetopts-SO\" data-index=\"0\" ><div class=\"panel-widget-style panel-widget-style-for-gb2266-69fa1bb9713d6-0-0-0\" ><div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h1 style=\"text-align: center;\">Materials<\/h1>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n\n<p><!-- \/wp:siteorigin-panels\/layout-block --><\/p>\n<p>At Targeted, we recommend the HTML5 format for banners, as all browsers support this format, maximizing the number of possible impressions.<\/p>\n<p>Below, you will find information and guides on implementing HTML5 banners.<\/p>\n<p><strong>Standard formats:<br \/><\/strong><\/p>\n<table style=\"width: 100%; height: 216px;\" border=\"1\">\n<thead>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\">HTML5-banners<\/td>\n<td style=\"height: 24px;\">\u00a0<\/td>\n<td style=\"height: 24px;\">\u00a0<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\">Format<\/td>\n<td style=\"height: 24px;\">Max size<\/td>\n<td style=\"height: 24px;\">Back up (jpg\/gif)<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\">930&#215;180<\/td>\n<td style=\"height: 24px;\">70 Kb<\/td>\n<td style=\"height: 24px;\">Mandatory<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\">320&#215;320<\/td>\n<td style=\"height: 24px;\">70 Kb<\/td>\n<td style=\"height: 24px;\">Mandatory<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\">300&#215;250<\/td>\n<td style=\"height: 24px;\">70 Kb<\/td>\n<td style=\"height: 24px;\">Mandatory<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\">160&#215;600<\/td>\n<td style=\"height: 24px;\">70 Kb<\/td>\n<td style=\"height: 24px;\">Mandatory<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\">300&#215;600<\/td>\n<td style=\"height: 24px;\">70 Kb<\/td>\n<td style=\"height: 24px;\">Mandatory<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\">930&#215;600<\/td>\n<td style=\"height: 24px;\">70 Kb<\/td>\n<td style=\"height: 24px;\">Mandatory<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\">320&#215;160<\/td>\n<td style=\"height: 24px;\">70 Kb<\/td>\n<td style=\"height: 24px;\">Mandatory<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>\u00a0<\/strong><strong>*Maximum 3 loops of 10 seconds or 2 loops of 15 seconds. A total maximum of 30 seconds of animation.<\/strong><\/p>\n<p>If the banner includes video or streaming, the following requirements must be met:<br \/>\u2022 Streaming must start on mouse-over or click and stop on mouse-out.<br \/>\u2022 Streaming should begin 1\u20132 seconds after mouse-over.<br \/>\u2022 Audio must be user-activated via a mute\/unmute button.<br \/>\u2022 A visible stop\/play\/(pause) button must be included.<br \/>\u2022 Streaming files must not exceed 2.5 MB in size.<br \/>\u2022 The maximum frame rate is 18 frames per second.<br \/>\u2022 Video streaming must not exceed 30 seconds.<br \/>\u2022 WebTV prerolls must have a maximum duration of 20 seconds (.flv, mpeg4, .mov, or movie file).<\/p>\n<p><a href=\"https:\/\/www.adformhelp.com\/hc\/en-us\/articles\/9738579515025-Guidelines-for-Display-Ads\">Find additional information on file structure specifications.<\/a><\/p>\n<p><strong>Required File Structure for Campaigns in Adform<\/strong><\/p>\n<p>Adform has specific requirements for the structure of HTML5 banners, which you can find here.<\/p>\n<p>HTML5 banners for use in Adform must be submitted as a ZIP file.<\/p>\n<p>The ZIP file must include the following:<\/p>\n<ol>\n<li>A metadata file named manifest.json. This file defines banner parameters such as name, description, size, events, clicktags, and source. These parameters are analyzed and registered in Adform when the ZIP file is uploaded. <a href=\"https:\/\/www.adformhelp.com\/hc\/en-us\/articles\/10893850708241-Code-HTML5-Banners\">See an example.<\/a><\/li>\n<\/ol>\n<p>If you need help writing the code, we recommend using the free program <a href=\"https:\/\/www.sublimetext.com\">Sublime Text.<\/a><\/p>\n<p><a href=\"https:\/\/www.adformhelp.com\/hc\/en-us\/articles\/9738579515025-Guidelines-for-Display-Ads\">Find more information about the file structure.<\/a><\/p>\n<p><strong>Adding clickTAG Variables<\/strong><\/p>\n<p>You can add clickTAGs to HTML5 banners in various ways.<\/p>\n<p>It is essential to always include the Adform.DHTML.js library in the document&#8217;s header.<\/p>\n<p><a href=\"https:\/\/www.adformhelp.com\/hc\/en-us\/articles\/9739154699281-Add-Click-Tag-Variables\">See examples of how to add a clickTAG \u201cinstance\u201d to specific elements in an HTML document and to different frame sources, etc.<\/a><\/p>\n<p><a href=\"https:\/\/www.adformhelp.com\/hc\/en-us\/articles\/9738579515025-Guidelines-for-Display-Ads\">Find more information about adding clickTAGs, such as:<\/a><br \/>\u2022 Adding a clickTAG to specific div elements.<br \/>\u2022 Adding multiple clickTAGs.<br \/>\u2022 Adding clickTAGs as an element attribute.<br \/>\u2022 Coding clickTAGs inline.<\/p>\n<p><strong>TOP, INTER, AND MIDSCROLL<br \/><\/strong>\u2022 Formats: (jpg, jpeg, gif, png)<br \/>\u2022 Desktop: 2560\u00d71440 px<br \/>\u2022 Tablet: 1024\u00d71024 px<br \/>\u2022 Mobile: 736\u00d7736 px<\/p>\n<p>The main message must always be centered and remember that the message is not viewed in a single image but rather through scrolling.<\/p>\n<p><strong>\u00a0 File size limits:<br \/><\/strong>\u2022 Max 300 KB for desktop<br \/>\u2022 Max 200 KB for tablet and mobile<\/p>\n<p><strong>Adnami<\/strong><\/p>\n<p>We support Adnami formats, but please note that Adnami has its own specifications, which you can find here: <a href=\"https:\/\/www.adnami.io\/specs\">Adnami Specs<\/a><\/p>\n<p>Adnami video: 16:9 or 9:16 specs.<\/p>\n<p><strong>WALLPAPER<br \/><\/strong>\u2022 Topbanner: 930\u00d7180 px<br \/>\u2022 Wallpaper: 2560\u00d71440 px<\/p>\n<p><strong>NATIVE ADVERTISING<\/strong><\/p>\n<p>With native advertising, you as the advertiser provide a headline, image, URL (where the traffic should be directed), logo, etc. The media outlet then creates a banner incorporating these components into a design that matches the media platform and the context in which the ad will appear.<\/p>\n<p>Sometimes, the media outlet creates multiple banner variations depending on factors such as visual coherence, available space, and the type of device on which the ad will be displayed.<\/p>\n<p>As a result, users will always see an ad that seamlessly fits into the surrounding context.<\/p>\n<p><strong>Material Specifications<br \/>\u2022 <\/strong>Image formats (jpg or png): 300\u00d7225, 600\u00d7500, 1536\u00d71152, 1129\u00d7847 \u2013 max 150 KB<strong><br \/><\/strong>\u00a0 \u2022 Logo format (jpg or png): 80\u00d780, 1366\u00d7768 \u2013 max 50 KB<br \/>\u00a0 \u2022 Headline: 30 characters<br \/>\u00a0 \u2022 Text: 100 characters<br \/>\u00a0 \u2022 Brand Name: 30 characters<br \/>\u00a0 \u2022 CTA (Call to Action): 15 characters<\/p>\n<p><strong>VIDEO<\/strong><\/p>\n<p>Here you can find the specifications for video in Adform:<\/p>\n<p>\ud83d\udd17 <a href=\"https:\/\/www.adformhelp.com\/hc\/en-us\/articles\/9738579559825-Guidelines-for-Video-Ads\">Adform Video Ad Guidelines<\/a><\/p>\n<p>An MP4 file in a 16:9 format works best across all platforms and is therefore preferred. Please note that the video file must not exceed 100 MB.<\/p>","protected":false},"excerpt":{"rendered":"<p>Materials<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/targetplatform.dk\/en\/wp-json\/wp\/v2\/pages\/2266"}],"collection":[{"href":"https:\/\/targetplatform.dk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/targetplatform.dk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/targetplatform.dk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/targetplatform.dk\/en\/wp-json\/wp\/v2\/comments?post=2266"}],"version-history":[{"count":12,"href":"https:\/\/targetplatform.dk\/en\/wp-json\/wp\/v2\/pages\/2266\/revisions"}],"predecessor-version":[{"id":2322,"href":"https:\/\/targetplatform.dk\/en\/wp-json\/wp\/v2\/pages\/2266\/revisions\/2322"}],"wp:attachment":[{"href":"https:\/\/targetplatform.dk\/en\/wp-json\/wp\/v2\/media?parent=2266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}