Requirements for banners
To place display ads in the “Branded header on dzen.ru” format, provide their HTML5 files.
|
Branded header on dzen.ru. Desktop |
Branded header on dzen.ru. Mobile |
Branded header on dzen.ru. Cross |
|
|
Size in pixels |
100% × 300 |
100% × 301 |
2 creatives: 100% × 300 and 100% × 301 |
You can launch the selected format only if the campaign has all banner sizes specified in the table. For example, you can't launch the “Branded header on dzen.ru. Cross” format if you only upload a 100% × 300 banner. To start your campaign, you also need to upload a 100% × 301 banner.
Technical requirements may vary depending on the device type.
Technical requirements
-
Format: HTML5 only. Learn more about HTML banner requirements. All files related to the same ad unit must have the same name.
-
Maximum archive size: 512 KB.
-
Maximum size of the archived
index.htmlfile is 150 KB. -
The banner must stretch to 100% of the screen width and display correctly at any screen width. All key information on the banner must remain centered if its size is adjusted:
- For desktop format — center within a 968 pixel width.
- For mobile format — center within a 320 pixel width.
-
Banner sizes:
Desktop bannersMobile banners100% × 300 pixels The banner size is specified in the
<meta>element:<meta name="ad.size" content="width=100%,height=300">100% × 301 pixels The banner size is specified in the
<meta>element:<meta name="ad.size" content="width=100%,height=301"> -
In the
<head>section, the banner must include a<meta>tag with thead.bgrcolorattribute. Thecontentattribute sets the background color using a HEX value, a six-digit code of numbers and letters that can be preceded by a “#” symbol.Examples:
<meta name="ad.bgrcolor" content="FFFAAA"> <meta name="ad.bgrcolor" content="#FFFAAA"> -
All event handlers must be explicitly specified within the
<script>tag. For example:<script> document.onload = init; </script> -
You can't add a border around the banner.
-
The following safe areas are required in the banner:
Desktop bannersMobile banners- Top section: This is the area of the Yandex search bar (a colored background section of the banner without any creative elements). Covers 110 pixels, including 10 pixels before the search bar with widgets and 16 pixels after.
- Center section: This is where the main creative elements are placed. Covers 150 pixels.
- Bottom section: A colored background section of the banner without any creative elements, placed right above the page content. Covers 40 pixels.
- “Ad” badge area. Positioned vertically in the bottom-right corner. No text or key banner elements should appear in the “Ad” badge area.
- Badge area size: 30 × 100 pixels.
- Badge size: 20 × 90 pixels.
Visual reference
- Top section: This is the area of the Yandex search bar (a colored background section of the banner without any creative elements). Covers 98 pixels, including 8 pixels before the search bar with widgets and 8 pixels after.
- Center section: This is where the main creative elements are placed. Covers 163 pixels.
- Bottom section: A colored background section of the banner without any creative elements, placed right above the page content. Covers 40 pixels.
- “Ad” badge area. Positioned vertically in the bottom-right corner. No text or key banner elements should appear in the “Ad” badge area.
- Badge area size: 30 × 100 pixels.
- Badge size: 20 × 90 pixels.
View
Design recommendations
Elements of the creative
- Flickering or blinking banners with large flashing graphics or text are not allowed.
- Banners must not be filled with text or contain low-quality images.
- Animations must be smooth and free of abrupt transitions that could distract users from browsing the page or entering a search query.
- The call-to-action button must not take up more than 25% of the banner area.
- Banners must not include blinking buttons or buttons labeled “SALE,” “Discount,” or similar.
- Your banners must not mimic catalogs or individual product cards.
Recommended colors
- 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. Use light gray instead of white, and dark gray instead of black.
- Red, yellow, and other aggressive colors or color schemes can't occupy more than 25% of the banner surface.
- Not allowed as backgrounds: bright neon or acid colors, or heavy multi-color gradients.
Examples of unacceptable backgrounds
|
|
|
|
|
|
|
|
|
|
|
|
Formatting of notices and mandatory legal information
You can add notices and mandatory legal information at the bottom of the banner, alongside the main creative. For example, you can use alternating slides.
Font and text display requirements:
- The minimum font size is 22px.
- Text should be high-contrast and easily readable.
- The information must be visible on screen for at least three seconds.
- The information must not take up the entire frame.
Possible formatting options:
Option 1
Option 2
Moderation requirements
We do not accept banners in the following categories:
-
politics
-
magic and esotericism
-
religious items and services
-
debt collection services
-
funeral products and services
-
dating websites or marriage agencies
-
social advertising, including charitable organizations
-
services of detectives and private security companies
-
products and services for adults (such as sex toys or erotic materials)
-
firearm accessories
-
products similar in construction to weapons and their accessories
-
military topics (such as transportation of military personnel or legal assistance in obtaining a military ID)
-
website optimization and SEO services
-
disinfection and pest control services
-
certain financial services and training courses on them (microfinancing, loan offers from individuals, binary options, Forex dealer activities, transactions with Forex dealers, and others)
-
other topics that do not comply with Yandex editorial policy
This list is not exhaustive and can be changed by Yandex at any time.
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.
