---
metadata:
  - name: generator
    content: Diplodoc Platform v5.52.0
alternate:
  - https://yandex.com/support/partner/en/yan-rules/native.md
  - https://yandex.com/support/partner/ru/yan-rules/native.md
  - href: ru/yan-rules/native.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 %}

В этом разделе приведены технические требования, которые партнеры должны соблюдать при размещении нативной рекламы.

{% endnote %}

<!-- source: ru/_includes/native/main-rules.md -->
#|
||

**Элемент**

|

**Правила верстки**

||
||

Метка «Реклама» и возрастная метка | Убедитесь, что в каждом рекламном объявлении присутствует тег `<ya-unit-category />`. В нем содержится метка «Реклама». Также в теге `<ya-unit-category />` могут находиться:

- метка «Соцреклама», «Яндекс Директ», или «Реклама Я.Бизнес»;

  {% cut "Как выглядит такая метка" %}
  
  ![](../_images/ya-unit-category.png)
  
  {% endcut %}
  
- возрастная метка (0+, 6+, 12+, 16+, 18+), согласно закону «О защите детей от информации, причиняющей вред их здоровью и развитию».

  {% cut "Как выглядит такая метка" %}
  
  ![](../_images/ya-unit-category-age.png)
  
  {% endcut %}
  
Вы можете задать для тега `<ya-unit-category />` класс `ya-unit-category_default` — к элементу будут применены стили, которые располагают его на полупрозрачном фоне в левом верхнем углу рекламного объявления. Таким образом метка будет достаточно контрастной.

||
||

Значок меню

|

С помощью значка меню ![](../_images/common/kebab.png) пользователь может скрыть объявление или пожаловаться на него.

В HTML-шаблоне за значок меню отвечает элемент `<ya-unit-kebab />`. Он должен находиться непосредственно в `<ya-units-grid />` или `<ya-units-slider />`.

Значок меню добавляется в правый верхний угол объявления. При этом он должен находиться в таком месте, чтобы по размеру и местоположению с ним совпадала кнопка закрытия.

{% cut "Как выглядят значок меню и кнопка закрытия" %}

![](../_images/kebab-example.svg)

{% endcut %}

Значок меню по умолчанию белый с полупрозрачной подложкой. Для отрисовки на белом фоне можно поменять цвет значка на черный и убрать подложку: для этого используйте класс `ya-unit-kebab_contrast`:

```html
<ya-unit-kebab class="ya-unit-kebab_contrast" />
```

Задать любой другой цвет значка можно помощью параметра `backgroundColor`:

```html
<ya-unit-kebab backgroundColor="#000000"/>
```

Следите за тем, чтобы значок был отчетливо виден и узнаваем в течение всего времени показа объявления. Ничего не должно препятствовать нажатию на него.

||
||

Заголовок

|

Максимальное количество символов в заголовке — 56. Все символы должны отображаться.

Объявление должно корректно выглядеть как при коротком заголовке (10–12 символов), так и при длинном (56 символов).

||
||

Домен

|

В дизайне объявления учитывайте, чтобы домен отображался полностью, был читаемым и кликабельным как при коротком домене (rb.ru), так и длинном (pokupki.market.yandex.ru).

||
||

Предупреждение

|

Убедитесь, что в  объявлении есть возможность вывести обязательное предупреждение для некоторых категорий рекламы. Предупреждение должно занимать не меньше 5 или 10% площади рекламного объявления.

{% cut "Как это выглядит" %}

![](../_images/disclaimer.svg)

{% endcut %}

В объявлении могут быть три типа предупреждения:

- Для алкогольной продукции — должно занимать не меньше 10% рекламного объявления. Вариант текста предупреждения: «Чрезмерное употребление алкоголя вредит вашему здоровью».

- Для медицинской продукции — должно занимать не меньше 5% рекламного объявления. Текст предупреждения: «Есть противопоказания. Посоветуйтесь с врачом».

- Для БАД — должно занимать не меньше 10% рекламного объявления. Текст предупреждения: «Не является лекарством».

**Логика отображения предупреждения**

- Если в шаблоне нативного баннера присутствует тег `<ya-unit-warning />`, он используется для вывода предупреждения. Сайт несет ответственность за то, чтобы предупреждение отображалось в соответствии с законом.

- Если в шаблоне нет тега `<ya-unit-warning />` и ширина картинки больше 160 пикселей, предупреждение нужного размера отрисовывается поверх картинки.

  {% cut "Как это выглядит" %}
  
  ![](../_images/doctor-disclaimer.png =350x)
  
  {% endcut %}
  
- Если в нативном баннере нет тега `<ya-unit-warning />`, а также ширина картинки меньше 160 пикселей или в объявлении есть карусель изображений, тег будет принудительно добавлен в конец объявления. Важно стилизовать этот элемент самостоятельно таким образом, чтобы он соответствовал правилам законодательства страны, в которой показывается рекламное объявление.

Следите за тем, чтобы вся юридическая информация была хорошо видна и контрастна относительно картинки или видео и фона объявления при их различных вариациях (сплошной темный или светлый фон, простой или сложный градиент, картинка, фотография, анимация).

{% cut "Как выглядит правильное отображение предупреждения" %}

![](../_images/contrast-text.png)

{% endcut %}

||
|#
<!-- endsource: ru/_includes/native/main-rules.md -->

<!-- source: ru/_includes/feedback-forms/rules-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/10014685/?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/rules-buttons.md -->
