---
metadata:
  - name: generator
    content: Diplodoc Platform v5.55.0
alternate:
  - https://yandex.com/support/partner/en/web/units/formats/native/index.md
  - https://yandex.com/support/partner/ru/web/units/formats/native/index.md
  - href: ru/web/units/formats/native/index.md
    type: text/markdown
    title: Markdown version
  - href: ../../../../llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/support/partner/ru/llms.txt

# Нативный баннер

{% note alert %}

Формат доступен только для сайтов, у которых более 150 миллионов видимых показов в месяц.

{% endnote %}


Нативный баннер — это формат комбинаторных объявлений, который можно органично адаптировать под внешний вид сайта.

В блоке с нативным баннером вы сами определяете набор элементов, из которых будет состоять рекламное объявление: заголовок, текст, картинка и т. п. Часть элементов является [обязательными](https://yandex.com/support/partner/ru/web/units/formats/native/main-rules.md) — это требование законодательства в сфере рекламы и правил Рекламной сети Яндекса. Другие элементы являются [дополнительными](https://yandex.com/support/partner/ru/web/units/formats/native/optional.md): используйте их, чтобы органично вписать рекламное объявление на ваш ресурс и повысить конверсионность блока.

## Как добавить нативный баннер {#add-design}


{% note alert %}

Используя блоки с нативным баннером, вы принимаете риски, описанные в [Оферте Рекламной сети Яндекса](https://yandex.ru/legal/yan_service_offer/?lang=ru). Перед настройкой рекламы ознакомьтесь с действующим законодательством, в том числе с требованиями к обязательным элементам рекламы и их площади.

{% endnote %}


Добавить нативный баннер можно при редактировании или создании блока:

1. В настройках форматов выберите опцию **Настроить форматы самостоятельно**.

1. Нажмите **+ Добавить формат** и выберите **Нативный баннер**.


Чтобы внешний вид объявления гармонировал с дизайном вашего сайта, можно применять гибкие настройки HTML и CSS. Для этого в настройках нативного баннера нажмите кнопку **Редактировать код**. О том, как настроить нативный баннер и как правильно использовать элементы рекламы, читайте в разделах:

- [Шаблон блока c нативным баннером](https://yandex.com/support/partner/ru/web/units/formats/native/template.md)
- [Правила работы с обязательными элементами рекламы](https://yandex.com/support/partner/ru/web/units/formats/native/main-rules.md)
- [Дополнительные элементы рекламы](https://yandex.com/support/partner/ru/web/units/formats/native/optional.md)
- [Реклама мобильных приложений](https://yandex.com/support/partner/ru/web/units/formats/native/rmp.md)


{% note info %}

Если у вас нет опыта работы с HTML и CSS, рекомендуем взять за основу готовый шаблон блока. В настройках формата в поле **Шаблон дизайна** выберите подходящий шаблон и укажите размер сетки. После этого нажмите **Редактировать код** и добавьте стили CSS, используемые на вашем сайте.

{% endnote %}


## Видеоурок: Настройка нативной рекламы в блоке {#videolesson-native-design}

{% note info %}

В видеоролике используется старый интерфейс, но принцип настройки нативной рекламы остался тем же. Также упоминается устаревший обязательный элемент «крестик закрытия». Вместо крестика закрытия используйте элемент «значок меню».

{% endnote %}

<div class="flexible-container">
    <iframe src="https://runtime.strm.yandex.ru/player/video/vplvfwfu5rrtebstwfsw?autoplay=0&mute=0" frameborder="0"></iframe>
</div>



<!-- source: ru/_includes/feedback-forms/interface-buttons.md -->
## Обратиться в службу поддержки




<a href="https://yandex.ru/chat?context=%7B%22entrypoint%22%3A%22%7B%5C%22entrypoint%5C%22%3A%5C%22help%5C%22%2C%5C%22a_pagename%5C%22%3A%5C%22partner-ru%5C%22%7D%22%7D#/user/61a55f08-7fc4-956b-529c-f783dd9e6cf3/"> <!--ссылка, куда ведет кнопка. Если внутренняя ссылка, пишем без .md и .html -->
  <span class="button">Написать в чат</span> <!--текст на кнопке-->
</a>

<a href="https://forms.yandex.ru/surveys/10014686/?lang=ru"> <!--ссылка, куда ведет кнопка. Если внутренняя ссылка, пишем без .md и .html -->
  <span class="button">Написать письмо</span> <!--текст на кнопке-->
</a>

<details>
    <summary class="button">Написать в Telegram</summary>
    <img src="https://yastatic.net/s3/doc-binary/src/support/partner/ru/qr-codes/qr-code-ru-telegram.svg" style="width: 100%; display: block;"/>
    <a href="http://t.me/YanSupport_Bot" style="display: block; text-align: left; margin-left: 18px; color: #5889FF;">Перейти в Telegram</a>
</details>

<details>
    <summary class="button">Написать в WhatsApp</summary>
    <img src="https://yastatic.net/s3/doc-binary/src/support/partner/qr-codes/gr-code-ru-new-1.svg" style="width: 100%; display: block;"/>
    <a href="https://wa.me/74952583554?utm_source=yan&utm_medium=help&utm_campaign=ru" style="display: block; text-align: left; margin-left: 18px; color: #5889FF;">Перейти в WhatsApp</a>
</details>






<!-- source: ru/_includes/feedback-forms/button-style.md -->

<!-- endsource: ru/_includes/feedback-forms/button-style.md -->

<div width="100%" align="center"> 
<br><br>
Также вы можете перейти на сервис 
<br><br>

[![](https://yastatic.net/s3/doc-binary/src/support/mobile-ads/ru/logo/rsya.svg)](https://partner.yandex.ru)

</div>

<div><br><br></div>
<div class="container" style="padding: 0;">
  <div class="column">
      <p style="font-size: large;">Полезные ссылки</p>
      <ul>
         <li><a href="https://t.me/YANpartner/" target="_blank">Телеграм-канал Рекламной сети Яндекса</a></li>
         <li><a href="https://yandex.ru/legal/partner/" target="_blank">Правила участия</a></li>
         <li><a href="https://yandex.ru/legal/yan_service_offer/" target="_blank">Оферта Рекламной сети Яндекса</a></li>
      </ul>
  </div>   
</div>
<div><br><br></div>


<!-- endsource: ru/_includes/feedback-forms/interface-buttons.md -->

<!-- source: ru/_includes/video-style.md -->

<!-- endsource: ru/_includes/video-style.md -->