Requirements for banners in Yandex Weather
You can upload an image banner or HTML5 banner.
Technical requirements for image banners
Size in pixels | 300 × 600, 300 × 300 |
Maximum file size | 512 KB |
Format | JPG, PNG or GIF |
The size of an image creative in pixels can be two or three times larger.
Technical requirements for HTML5 banners
HTML5 banners must be ZIP files that contain one HTML file and JavaScript, JSON, CSS, JPEG, GIF, PNG, or SVG files.
Banner in Yandex Weather. Desktop | Banner in Yandex Weather. Mobile | Banner in Yandex Weather. Cross | |
---|---|---|---|
Size in pixels | creative: 300 × 600 | creative: 300 × 300 | 2 creatives: 300 × 600, 300 × 300 |
Maximum size | 512 KB | 512 KB | 512 KB |
Format | HTML5 | HTML5 | HTML5 |
The archive and files used in the HTML5 banner must meet the following requirements:
-
The file and directory names can only contain Latin letters, digits, and the
-._~
symbols. -
All links in an HTML5 banner must be relative and lead to other files in the archive.
-
The archive can contain up to 20 files. Include source code from JavaScript, CSS, and SVG in the HTML file and combine all bit maps into a single file (a sprite atlas).
-
The maximum size of the archived
index.html
must be less than 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: 300 × 300, 300 × 600. Specify the banner size in the
<meta>
element:<meta name="ad.size" content="width=300,height=300">
-
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 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.).
-
A banner can feature the View again button for restarting the scenario.
Recommendations for displaying HTML5 banners
Design requirements
The banner must not mimic the site design (you can't use brand colors or interface elements. The creative must not blend in with the site background).
Note
If the display of the “Ad” label is enabled in the banner parameters, the label will be rendered in the upper-left corner. The size of the label is 54 × 12 pixels, with margins of 4 pixels on the top and left side.
For Yandex Direct, leave the top-left area of 65 × 30 pixels free.
Example
Questions?
Alert
Our customer service department can only help you with the campaigns created under the same username you use to contact us. You can check your username by opening ya.ru in another browser tab. Our team can access your data only when processing your request.