Advertising materials must be provided in HTML5 format and be prepared in accordance with the requirements listed in the document “Technical requirements for HTML5 banners.”
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:
- 728×90 banner in HTML5 format
- Drop-down banner block in HTML5 format
Additionally, advertisers can load video clips to play them in the drop-down block. Maximum number of video clips — 4.
Requirements for 728×90 banner
- Banner format: HTML5, which must meet the requirements set out in the document “HTML5 banner ads. Advertising requirements”
- The design of advertising materials must meet the requirements listed in the document “Requirements for banners on the Home page / Full site version”
- Banner size: 728×90 px.
- The banner must not contain interactive elements or additional links including a “Repeat animation” button.
Requirements for drop-down block
- The banner must be provided in HTML5 format and be prepared in accordance with the requirements listed in the document “Technical requirements for HTML5 banners.”
- The banner size
<meta name="ad.size" content="width=0,height=0">
must be indicated in thehtml meta
tag. - The banner must display correctly at a height ranging from 360 to 675 px and a width ranging from 640 to 1200 px, that is, the banner should display at all sizes within this range without artefacts or distortions.
- All important information in the placeholder should be centered
- Placeholder image not required
- File size: no more than 200 KB
- The entire banner space must remain clickable (that is, a click anywhere on the banner should take a user to the advertiser’s site or perform an action intended for the banner’s interactive elements – for example, play a video built into the banner).
- Clicks on the banner must call a special API method:
homeExpandableDesktopBannerAPI.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(){
homeExpandableDesktopBannerAPI.click_and_close(1);
});
</script>If there is a second click, then in a similar fashion:
document.getElementById("click2_area").addEventListener("click",function(){
homeExpandableDesktopBannerAPI.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 */
homeExpandableDesktopBannerAPI.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 */
homeExpandableDesktopBannerAPI.click_and_close(2);
}
return false;
} - Additionally, the color of the background must indicated in the format
#RRGGBB
. The background must not differ significantly from the dominant color of the banner. - The banner must not be transparent and must not contain a frame.
- The drop-down banner block must not contain (anywhere in its entire area) any elements allowing it to be closed.
Additional requirements for banners with video
- Format of video file — MP4.
- Maximum video size — 15 MB.
- Maximum video length — 5 minutes.
- Video clip can only play in the drop-down block.
- Video must display correctly at a height ranging from 360 to 675 px and a width ranging from 640 to 1200 px, that is the banner should display at all sizes within this range without artefacts or distortions.
- If the video begins playing when a “Play” button is clicked, the video can include sound. In this case, the size of the whole video must be shown in the drop-down block. If the video plays automatically when the drop-down block loads, the video must not include sound. In this case, the size of the whole video must be down in the 728×90 banner. In that case, it is not necessary to show the size of the whole video in the drop-down block. Sound must not be played separately from the video.
- Access to videos must be via URL videoN, starting from the first video:
var url_video1 = getUrlParam('video1');
- 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:yandexInbannerVideoEventApi.reportVideoStart(1);
— For video 2:yandexInbannerVideoEventApi.reportVideoStart(2);
etc.