Advertising materials must not contain elements of a graphical user interface (GUI) or elements of Yandex’s webpage design. You cannot use images of mouse cursors or other pseudo-functional buttons, it is forbidden to use Yandex’s search bar and other elements of the Yandex interface, and you cannot imitate the process of entering a search query.
Advertisers need to provide the following files in order to place ad materials:
1. Banner in the stage “before the drop-down block” prepared in accordance with the requirements listed in the document “HTML5 banners. Requirements for advertising materials”, excluding p. 13: the background image must meet the requirements listed in p. 3 of this page.
- The banner must display correctly (“stretch”) when the width changes from 320 to 1080 px and the height from 67 to 82 px
- The design of the advertising materials must meet the requirements listed in the documents “Yandex Home Page display advertising / Mobile site version”
The banner must not contain interactive elements or additional links.
2. Drop-down block, prepared in accordance with the requirements listed in the documents “HTML5 Banners. Requirements for advertising materials” excluding p. 13: the background image must meet the requirements listed in p. 3 of this page.
- The
<META>
tag shows the size of the banner file in the following manner:<meta name="ad.size" content="width=728,height=90">
- The banner must display correctly (“stretch”) when the width changes from 320 to 1080 px and the height from 268 to 328 px. The banner displays correctly (“stretches”) if there are no artefacts or distortion in any size from the minimum (320×268) to the maximum (1080×328), if the content centers when necessary but remains clickable, if there is no horizontal or vertical scrolling.
- Clicks on the banner must call a special API method:
homeExpandableMobileBannerAPI.click_and_close(click_num)
;
In which click_num is the number of the click. This method closes a large window and redirects to the advertiser’s site by the URL number indicated in the system.
It is added, for example, via
addEventListener
:<a id="click1_area">...</a>
<script>
document.getElementById("click1_area").addEventListener("click",function(){
homeExpandableMobileBannerAPI.click_and_close(1);
});
</script>If there is a second click, then in a similar fashion:
document.getElementById("click2_area").addEventListener("click",function(){
homeExpandableMobileBannerAPI.click_and_close(2);
});For banners created in Adobe, the following construction for adding clicks to objects of the Animate CC environment can also be used:
/* main click */
this.bgfull.addEventListener("click", fl_MainClick);
function fl_MainClick(e) {
if (e.nativeEvent.button == 0){ /* check that click was only via left button */
homeExpandableMobileBannerAPI.click_and_close(1);
}
return true;
}
/* additional click on button within banner */
this.btn.addEventListener("click", fl_ClickOnButton);
function fl_ClickOnButton(e) {
if (e.nativeEvent.button == 0){ /* check that click was only via left button */
homeExpandableMobileBannerAPI.click_and_close(2);
}
return false;
}
3. Background image in GIF, JPG or PNG formats
- Width: 320 px
- Height: 67 px
4. Banner background color in RRGGBB format that matches the background of the drop-down block.
Additional requirements for banners with video
- In addition to the creative, a video clip in MP4 format can also be uploaded. Access to video clips must be via URL
videoN
starting from 1.var video = getUrlParam ('video1');
, wheregetUrlParam
is realized as in the HTML5 requirements. - The video must be located in the expanded part of the banner. Video must begin playing only after the user presses “Play.” Information about the size of the video clip (MB) must appear in the small banner. There must be a button to disable the sound.
- It is forbidden to play sound separate from video.
- Maximum number of video clips — 5.
- Maximum video length — 5 minutes.
- Maximum size of video clip: 400px wide, 330px high.
- The video clip must display correctly in all available sizes
- To count the number of times the video starts, the advertiser must set up a javascript call for each time the button is pressed:
For video 1:yandexHTML5BannerApi.reportVideoStart(1);
For video 2:yandexHTML5BannerApi.reportVideoStart(2);