Banner (type: HTML5, objective: Traffic)


Device type: desktop format
Platform: social network ok.ru, VK projects, advertising network myTarget
Placement: column

An ad that includes an animated element. Currently, only legal entities and media agencies can create the format.

Creating ad

  1. Enter the target link
  2. Select the format "Banner 240x400 (HTML5) in social networks and services"
  3. Download the ZIP archive that meets the requirements (see below)
  4. Add the desired number of links.
It is important that the number of links in the banner matches the number of links in the ad creation form.
  • The Link 1 field corresponds to link1 in the banner.
  • The Link 2 field corresponds to link2 in the banner.
  • The Link 3 field corresponds to link3 in the banner.
  • The Link 4 field corresponds to link4 in the banner.
  • The Link 5 field corresponds to link5 in the banner.
Example of an HTML5 banner

General requirements

  • *.zip archive must contain *.html file and all resources used;
  • The following types of resources are allowed *.png, *.jpg, *.jpeg, *.gif, *.css, *.js, *.svg;
  • Maximum size .*zip archive: 150 Kb;
  • Filenames must be in Latin;
  • Text files must be utf-8 encoded;
  • A clickable area with %link1% macro as a target URL is required;
  • Links should open in a new window;
  • The presence of the <meta name = "ad.size"> tag with the size of the creative is required;
  • Should work correctly in browsers: IE 10+, Firefox 14+, Safari 5+, Chrome 18+;
  • For unsupported browsers, you must provide a simplified version of the banner or gif-cap;
  • It is forbidden to access external resources;
  • The content of the banner should occupy the entire area, without borders around the edges.
  • Animation control should not significantly load the user's computer's processor, the banner should not use more than 40% of the processor on average and 60% at its peak.

Requirements for HTML5 banners 100%x200

  • .zip archive must contain the .html file and all used resources.
  • You can use the following types of resources: .png, .jpg, .jpeg, .gif, .css, .js,. svg.
  • Maximum size .zip archive: 150 Kb.
  • File names inside the archive must be in Roman alphabet.
  • Text files must be utf-8 encoded.
  • You must have a clickable area with the %link1% macro as the target URL.
  • Links must open in a new window.
  • The meta tag <meta name="ad.size" content="width=100%,height=200"> is required.
  • The minimum width for displaying content without distortion is 400px, i.e. the banner must correctly stretch from the minimum width of 400 pixels to 100% of the screen width.
  • It must work correctly in the following browsers: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+.
  • Access to external resources is prohibited.
  • A plug is also provided:
    • picture in .gif format with a size of 400x200 px
    • background (fills the empty space on the sides of the image if the width of the placement column exceeds 400px): HTML code of the color or, if necessary, a gradient, a .png image with the size of 1x200px. The background should not be transparent.

Requirements for HTML5 banners 100%x250

  • the .zip archive must contain the .html file and all the used resources.
  • You can use the following types of resources: .png, .jpg, .jpeg, .gif, .css, .js, .svg.
  • Maximum weight 200 Kb
  • File names inside the archive must be in Roman alphabet.
  • Text files must be utf-8 encoded.
  • You must have a clickable area with the %link1% macro as the target URL.
  • Links must open in a new window.
  • The tag <meta name="ad.size" content="width=100%,height=250"> is required.
  • It must work correctly in the following browsers: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+.
  • For unsupported browsers, you must ensure that the gif stub size is 940*250 px.
  • Access to external resources is prohibited.
  • The minimum width for displaying content without distortion is 940px, i.e. the banner must correctly stretch from the minimum width of 940 pixels to 100% of the screen width
Example link code for a single link banner

<a href="%link1%" target="_blank">link1</a>
Example link code for a banner with several links (maximum 5)

<a href="%link1%" target="_blank">link1</a> 
<a href="%link2%" target="_blank">link2</a> 
<a href="%link3%" target="_blank">link3</a> 
<a href="%link4%" target="_blank">link4</a> 
<a href="%link5%" target="_blank">link5</a> 
Example of a meta tag (for a 240x400 banner)

<meta name="ad.size" content="width=240,height=400">

Requirements for HTML5 banners 100%x90

  • The .zip archive must contain the .html file and all resources used
  • The following resource types are allowed: .png, .jpg, .jpeg, .gif, .css, .js, .svg
  • The maximum size of a .zip archive: 150 Kb
  • Filenames inside an archive must be in Latin alphabet
  • Text files must be encoded utf-8
  • Availability of the clickable area with the %link1% macro as a target URL is mandatory
  • Links should open in a new window
  • Presence of tag <meta name="ad.size" content="width=100%,height=90"> is obligatory
  • The minimum width of the content display without distortion - 400px, ie, the banner should correctly stretch from a minimum width of 400 pixels to 100% of the screen width
  • Should work correctly in browsers: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+
  • No access to external resources
Was this article helpful?