Requirements for a banner on Yandex services

The file and directory names can only contain Latin letters, digits, and the characters -._~.

All links in an HTML5 banner must be relative and lead to other files in the archive. When the ad materials are served, no external network requests must be made. All the auxiliary JS libraries needed must be provided with the ad materials.

The archive can contain up to 20 files. Include source code from JavaScript, CSS, and SVG in the HTML file and combine all bitmaps into a single file (a sprite atlas).

The maximum size of the index.html file in the archive must be under 150 KB.

The contents of the __MACOSX folders and the .DS_Store and Thumbs.db files will be ignored in the archive. These are the operating system's auxiliary files which are not necessary for the HTML5 banner to work.

A click on the banner opens the page specified in the Link to site field, the mobile app (if installed), or the app page in the store (if the app is not installed). Banner clicks must open this page by calling the yandexHTML5BannerApi.getClickURLNum(1) method.

<a id="click_area" href="#" target="_blank">...</a> 
 // after the "<a href ...></a>" 
 element,  // assign its href attribute as follows:
  <script> 
    document.getElementById("click_area").href = yandexHTML5BannerApi.getClickURLNum(1); 
 </script>

Allowed banner sizes: 240×400, 300×250, 300×300, 300×600.

Specify the banner size in the <meta> element:

<meta name="ad.size" content="width=300,height=250">

External calls to Yandex-hosted JavaScript libraries are allowed. If an HTML5 banner uses a different library, include it in the archive source code.

All event handlers must be explicitly specified within the script tag, for example:

<script>
    document.onload = init;
</script>

The link in an HTML5 banner must not exceed 1024 characters and must be UTF-8 encoded.

The display campaign banner must not use statistics tools (pixels, tags, etc.).