Banner (type: HTML5, objective: Traffic)


Device type: desktop format
Platform: social network ok.ru, Mail.Ru Group 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

  1. *.zip archive must contain *.html file and all resources used;
  2. The following types of resources are allowed *.png, *.jpg, *.jpeg, *.gif, *.css, *.js, *.svg;
  3. Maximum size .*zip archive: 150 Kb;
  4. Filenames must be in Latin;
  5. Text files must be utf-8 encoded;
  6. A clickable area with %link1% macro as a target URL is required;
  7. Links should open in a new window;
  8. The presence of the <meta name = "ad.size"> tag with the size of the creative is required;
  9. Should work correctly in browsers: IE 10+, Firefox 14+, Safari 5+, Chrome 18+;
  10. For unsupported browsers, you must provide a simplified version of the banner or gif-cap;
  11. It is forbidden to access external resources;
  12. The banner background must not be transparent, and its content must take up the entire allotted area and have a clear border (frame).

Requirements for HTML5 banners 100%X200

  1. .zip archive must contain the .html file and all used resources.
  2. You can use the following types of resources: .png, .jpg, .jpeg, .gif, .css, .js,. svg.
  3. Maximum size .zip archive: 150 Kb.
  4. File names inside the archive must be in Roman alphabet.
  5. Text files must be utf-8 encoded.
  6. You must have a clickable area with the %link1% macro as the target URL.
  7. Links must open in a new window.
  8. The meta tag <meta name="ad.size" content="width=100%,height=200"> is required.
  9. 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.
  10. It must work correctly in the following browsers: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+.
  11. Access to external resources is prohibited.
  12. 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

  1. the .zip archive must contain the .html file and all the used resources.
  2. You can use the following types of resources: .png, .jpg, .jpeg, .gif, .css, .js, .svg.
  3. Maximum weight 150 Kb
  4. File names inside the archive must be in Roman alphabet.
  5. Text files must be utf-8 encoded.
  6. You must have a clickable area with the %link1% macro as the target URL.
  7. Links must open in a new window.
  8. The tag <meta name="ad.size" content="width=100%,height=250"> is required.
  9. It must work correctly in the following browsers: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+.
  10. For unsupported browsers, you must ensure that the gif stub size is 940*250 px.
  11. Access to external resources is prohibited.
  12. 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">
Was this article helpful?
Да
Нет