---
metadata:
  - name: generator
    content: Diplodoc Platform v5.63.2
alternate:
  - https://www.yandex.com/support/direct/en/fixed-cpm-campaigns/product-yandex-services/requirements-ya.md
  - https://www.yandex.com/support/direct/ru/fixed-cpm-campaigns/product-yandex-services/requirements-ya.md
  - https://www.yandex.com/support/direct/zh/fixed-cpm-campaigns/product-yandex-services/requirements-ya.md
  - href: https://www.yandex.com/support/direct/ru/fixed-cpm-campaigns/product-yandex-services/requirements-ya.md
    type: text/markdown
    title: Markdown version
  - href: https://www.yandex.com/support/direct/ru/llms.txt?revision=r21585499
    rel: describedby
title: Требования к баннерам на сервисах Яндекса
description: Требования к графическим и HTML5-баннерам для размещения на сервисах Яндекса — размеры, вес, структура архива и оформление
---
> **Documentation Index:** Fetch the complete configuration index at https://www.yandex.com/support/direct/ru/llms.txt?revision=r21585499


# Требования к баннерам на сервисах Яндекса

Вы можете загрузить графический или HTML5-баннер.

## Технические требования к графическому баннеру {#graf-req}

|   |   |
|---|---|
| Размер в пикселях | 300&nbsp;×&nbsp;600, 240&nbsp;×&nbsp;400, 300&nbsp;×&nbsp;250, 300&nbsp;×&nbsp;300 |
| Максимальный вес файла | 512&nbsp;КБ |
| Формат | JPG, PNG или GIF |

Размеры графического креатива в пикселях могут быть больше в два или три раза.

## Технические требования к&nbsp;HTML5-баннеру {#tec-requirements}

HTML5-баннер — это ZIP-архив, содержащий один файл HTML и файлы JavaScript, JSON, CSS, JPEG, GIF, PNG, SVG.

|  | **Баннер на сервисах Яндекса** | **Баннер на сервисах Яндекса. Мобайл** | **Баннер на сервисах Яндекса. Кросс** |
|-------------|-------------|-------------|-------------|
| **Размер в пикселях** | 2 креатива: 300&nbsp;×&nbsp;600, 240&nbsp;×&nbsp;400 | 2 креатива: 300&nbsp;×&nbsp;250, 300&nbsp;×&nbsp;300 | 4 креатива: 300&nbsp;×&nbsp;600, 240&nbsp;×&nbsp;400, 300&nbsp;×&nbsp;250, 300&nbsp;×&nbsp;300 |
| **Максимальный вес** | 512&nbsp;КБ | 512&nbsp;КБ | 512&nbsp;КБ |
| **Формат**    | HTML5 | HTML5 | HTML5 |

Архив и файлы в HTML5-баннере должны соответствовать требованиям:

1. <!-- source: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/11req_1.md -->
   В названиях файлов и каталогов можно использовать только буквы латинского алфавита, цифры и символы `-._~`.
   <!-- endsource: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/11req_1.md -->
2. <!-- source: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/2req_1.md -->
   Все ссылки в HTML5-баннере должны быть относительными и вести на другие файлы из архива.
   <!-- endsource: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/2req_1.md -->
3. <!-- source: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/3req_1.md -->
   В архиве может быть не более 20 файлов. Включите исходный код из файлов JavaScript, CSS, SVG в HTML-файл, а все растровые изображения объедините в один файл (атлас спрайтов).
   <!-- endsource: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/3req_1.md -->
4. <!-- source: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/index150_1.md -->
   Максимальный вес файла `index.html` в архиве должен быть меньше 150 КБ. Максимальный вес самого архива — 512 КБ.
   <!-- endsource: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/index150_1.md -->
5. <!-- source: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/MACOS_1.md -->
   В архиве будет игнорироваться содержимое папки __MACOSX и файлы .DS_Store, Thumbs.db. Это вспомогательные файлы операционных систем, которые не нужны для работы HTML5-баннера.
   <!-- endsource: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/MACOS_1.md -->
6. <!-- source: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/6link_1.md -->
   По клику на баннер будет открываться страница, указанная в поле **Ссылка на сайт**, мобильное приложение (если оно установлено) или страница приложения в магазине (если приложение не установлено). Переход на эту страницу должен генерироваться в баннере вызовом метода `yandexHTML5BannerApi.getClickURLNum(1)`.
   <!-- endsource: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/6link_1.md -->

    <!-- source: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/req-method_1.md -->
    ```xml
    <a id="click_area" href="#" target="_blank">...</a> 
    // после элемента "<a href ...></a>" 
    // присваиваем для него значение атрибута href так: 
    
    ```
    <!-- endsource: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/req-method_1.md -->
7. Допускаются баннеры следующих размеров: 240&nbsp;×&nbsp;400,  300&nbsp;×&nbsp;250, 300&nbsp;×&nbsp;300, 300&nbsp;×&nbsp;600.
    Размер баннера укажите в элементе `<meta>`:

    ```xml

    &lt;meta name=&quot;ad.size&quot; content=&quot;width=300,height=250&quot;&gt;

    ```
8. <!-- source: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/8req_1.md -->
   Разрешаются внешние вызовы [JavaScript-библиотек, размещенных на серверах Яндекса](https://tech.yandex.ru/jslibs/). Если в HTML5-баннере используется другая библиотека, включите ее исходный код в архив.
   <!-- endsource: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/8req_1.md -->
9. <!-- source: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/archive-files9.md -->
   Все обработчики событий должны быть явно указаны внутри тега `script`, например:

   ```javascript

   

   ```
   <!-- endsource: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/archive-files9.md -->
10. <!-- source: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/archive-files10.md -->
    В ссылке на сайт, содержащейся в HTML5-баннере, должно быть не более 1024 знаков в кодировке UTF-8.
    <!-- endsource: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/archive-files10.md -->
11. В баннере медийной кампании не должны использоваться инструменты сбора статистики (пиксели, счетчики и прочие).
12. <!-- source: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/archive-files12.md -->
    В баннер можно добавить управляющую кнопку **Посмотреть еще раз**, нажатие на которую приведет к повторному запуску сценария.
    <!-- endsource: ru/_includes/fixed-cpm-campaigns/products-frontpage/requirements/id-requirements/archive-files12.md -->

[Рекомендации к отображению HTML5-баннеров](https://www.yandex.com/support/direct/ru/moderation/technical-restrictions.md#html5-recomended)

## Требования к оформлению {#design-requirements}

Баннер не&nbsp;должен мимикрировать под оформление площадки (нельзя использовать фирменные цвета, элементы интерфейса. Креатив не&nbsp;должен сливаться с фоном сайта).

{% note info %}

<!-- source: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-ya/requirements-services.md -->
Если в параметрах баннера включено отображение метки «Реклама», метка будет отрисована в верхнем левом углу. Размер метки — 54 × 12 пикселей c отступами по 4 пикселя сверху и слева.
<!-- endsource: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-ya/requirements-services.md -->

Для Директа рекомендуется не занимать поле слева сверху 65&nbsp;×&nbsp;30&nbsp;пикселей.

{% cut "Пример" %}

![](../../_assets/banner-example.png)

{% endcut %}

{% endnote %}

<!-- source: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-ya/addition.md -->
{% cut "Дополнение к оформлению всех рекламных позиций (баннеров) на Кинопоиске" %}

В оформлении рекламных позиций (баннеров) запрещается использование градиентов, цветов и элементов фирменного стиля и интерфейса Кинопоиска и Плюса, а также схожих с ними. Ознакомиться с бренд буком Кинопоиска и Плюса можно по ссылкам:

- [Брендбук Кинопоиска](https://www.figma.com/file/FOf6XhtMJYyktBmfyAclLe/Кинопоиск.-Брендбук-2.0?type=design&node-id=12-548&mode=design&t=NVnouG99nv9zdae3-0)
- [Брендбук Плюса](https://www.figma.com/file/gqWPWTXHCdavDHAoRlfq6x/Плюс.-Гайд-для-партнёров?type=design&node-id=14357-17790&mode=design)

Размещение рекламных позиций (баннеров), мимикрирующих под бренд Кинопоиск или Плюс, а также интерфейсы Кинопоиска и Плюса запрещено.

Кинопоиск оставляет за собой право не демонстрировать подобные рекламные позиции (баннеры) без объяснения причин.

{% endcut %}
<!-- endsource: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-ya/addition.md -->

<!-- source: ru/_includes/footer.md -->
#### Остались вопросы? {#questions}

{% note alert %}

Специалисты отдела клиентского сервиса могут вас проконсультировать только по кампаниям того логина, с которого вы обращаетесь. Логин можно увидеть, если открыть [ya.ru](http://ya.ru/) на соседней вкладке браузера. Специалист получит доступ к вашим данным только при обработке обращения.

{% endnote %}

Сканируйте QR-код или нажмите на него для перехода по ссылке.

<!-- стили желтых кнопок-катов: -->



<!-- стили желтой кнопки-ссылки: -->



<!-- стили куар-кодов: -->


<!-- стили полезных ссылок: -->




<!--------------------------------------- локаль ru ---------------------------------------------->

<div class="footer-col-social">

<div class="social-card"> <!-- telegram -->

<a href="https://t.me/YandexDirectSupportBot?utm_source=direct&utm_medium=help&utm_campaign=ru" target="_blank">
    <img src="https://yastatic.net/s3/doc-binary/src/support/direct/ru/files/telegram-qr.png" style="width: 96px;">
</a>

</div>




<div class="social-card"> <!-- watsapp -->

<a href="https://wa.me/74951399193?utm_source=direct&utm_medium=help&utm_campaign=ru" target="_blank">
    <img src="https://yastatic.net/s3/doc-binary/src/support/direct/ru/files/watsapp-qr.png" style="width: 96px;">
</a>

</div>




<div class="social-card"> <!-- max -->

<a href="https://max.ru/yandex_direct_bot?utm_source=direct&utm_medium=help&utm_campaign=ru" target="_blank">
    <img src="https://yastatic.net/s3/doc-binary/src/support/direct/ru/files/max-qr-1.png" style="width: 96px;">
</a>

</div>

</div>

При выборе Telegram, WhatsApp, MAX учитывайте, что Яндекс не контролирует, как сторонние мессенджеры хранят ваши данные и переписку на своей стороне, и не несет за это ответственность.

<!-- желтая кнопка-кат: -->
<div class="cut-button">

{% cut "Написать в Viber" %}

<div class="border-no">

#|
||

<a href="viber://chat?service=34368" target="_blank">
    <img src="https://yastatic.net/s3/doc-binary/src/support/direct/ru/files/rakuten-viber-qr.png" style="width: 96px;">
</a>

|
Для обращений из Республики Беларусь
||
|#

</div>

{% endcut %}

</div>

<!-- желтая кнопка-ссылка: -->
[Написать в чат](https://yandex.ru/chat#/user/840c4ce4-ed25-4c66-a7c7-ba8c001e02d9?utm_source=pay){.button}

<!-- желтая кнопка-кат: -->
<div class="cut-button">

{% cut "Позвонить" %}

Клиентам и представителям агентств можно связаться с нами круглосуточно по телефонам:

**Регионы России**: [8 800 700-47-45](tel:88007004745) (звонок из России бесплатный)

**Москва**: [+7 495 139-91-93](tel:+74951399193)

**Беларусь**: [+375 17 336-31-36](tel:+375173363136)

Для доступа к кампаниям специалисту потребуется [PIN-код](https://www.yandex.com/support/direct/ru/troubleshooting/pin-code.md)

{% endcut %}

</div>

<!-- желтая кнопка-кат: -->
<div class="cut-button">

{% cut "Написать письмо" %}

{% list tabs %}

- Клиентам

  <iframe form-id="10010310" collapsed="no" collapsible="no" form-title="Обратиться в отдел клиентского сервиса" id="all-p" width="100%" src="https://forms.yandex.ru/surveys/10010310/?lang=ru&title=%D0%9E%20%D1%87%D0%B5%D0%BC%20%D0%B2%D1%8B%20%D1%85%D0%BE%D1%82%D0%B8%D1%82%D0%B5%20%D1%81%D0%BF%D1%80%D0%BE%D1%81%D0%B8%D1%82%D1%8C%3F&requestid=1678345963548777-1444993988871094178-vla1-3501-vla-l7-balancer-8080-BAL-7399&iframe=1&path=%2Fsupport%2Faudience%2Ftroubleshooting%2Fstart.html&feedback_sid=8935512981673750718&mobile=false&service=audience&referer=https%3A%2F%2Fyandex.ru%2Fsupport%2Faudience%2Fdelete-data.html&url=https%3A%2F%2Fyandex.ru%2Fsupport%2Faudience%2Ftroubleshooting%2Fstart.html" frameborder="0" style="background: #FFFFFF; border-radius: 10px; padding: 18px"></iframe>

- Агентствам
  
  [Формы обратной связи](https://yandex.ru/partner-office/knowledge-base){.button}

{% endlist %}

{% endcut %}

<!-- ссылки: -->

<br>
<br>

<div class="grid-container">
    <div class="grid-item">
        <div><p><h3><span style="font-weight:normal">Полезные ссылки</span></h3></p>
        <ul>
            <li><a href="https://direct.yandex.ru/">Перейти в кабинет</a></li>
            <p></p>
            <li><a href="https://direct.yandex.ru/dna/grid/campaigns">Мои кампании</a></li>
            <p></p>
            <li><a href="https://wordstat.yandex.ru/">Вордстат</a></li>
            <p></p>
            <li><a href="https://yandex.ru/support/direct/payments/payment-methods.html">Способы оплаты</a></li>
            <p></p>
            <li><a href="https://yandex.ru/support/direct/contact-us.html">Контакты</a></li>
            <p></p>
            <li><a href="https://t.me/YANtech">Телеграм-канал Яндекс Рекламы</a></li>
        </ul>
        </div>
    </div>
    <div class="grid-item">
        <div><p><h3><span style="font-weight:normal">Правовые документы</span></h3></p>
        <ul>
            <li><a href="https://yandex.ru/legal/direct_adv_rules/ru/">Требования к рекламным материалам</a></li>
            <p></p>
            <li><a href="https://yandex.ru/legal/direct_display_rules/ru/">Правила показа</a></li>
            <p></p>
            <li><a href="https://yandex.ru/legal/oferta_direct/ru/">Оферта</a></li>
        </ul>
        </div>
    </div>
    <div class="grid-item">
        <div><p><h3><span style="font-weight:normal">Онлайн-обучение</span></h3></p>
        <ul>
           <li><a href="https://yandex.ru/adv/edu/online/direct">Курсы по Директу</a></li>
           <p></p>
           <li><a href="https://yandex.ru/adv/edu/events">Вебинары</a></li>
           <p></p>
           <li><a href="https://yandex.ru/adv/edu/materials/tag-direct">Полезные материалы</a></li>
        </div>
        <ul>
    </div> 
    <div class="grid-item">
        <div><p><h3><span style="font-weight:normal">Узнайте больше</span></h3></p>
        <ul>
           <li><a href="https://yandex.ru/adv/news?tag=direkt">Новости Директа</a></li>
           <p></p>
           <li><a href="https://yandex.ru/adv/solutions/cases">Кейсы клиентов Яндекса</a></li>
           <p></p>
           <li><a href="https://yandex.ru/adv/solutions/analytics">Тренды и аналитика</a></li>
           <p></p>
           <li><a href="https://yandex.ru/adv/meropriyatiya">Мероприятия Яндекс Рекламы</a></li>
           <p></p>
           <li><a href="https://t.me/yndx_ed">Телеграм-канал Яндекс Рекламы ПРО</a></li>
        </div>
        <ul>
    </div>
</div> 

<!-------------------------------------- /локаль ru ------------------------------------------->



<!-------------------------------------- локаль en ------------------------------------------------->
<!---------------------------------------- /локаль en ------------------------------------------>



<!---------------------------------------- локаль zh ------------------------------------------------>
<!----------------------------------------- /локаль zh ----------------------------------------->



<!----------------------------------------- локаль tr ----------------------------------------------->
<!---------------------------------------- /локаль tr -------------------------------------------->
<!-- endsource: ru/_includes/footer.md -->
