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



# Плагин для настройки нативного баннера


{% note alert %}

Плагин доступен только для Яндекс Браузера.

{% endnote %}


Плагин для настройки нативного баннера — это инструмент, который позволяет подобрать дизайн для блоков с [нативной рекламой](https://yandex.ru/support/partner/ru/web/units/formats/native/index.md) непосредственно на вашем сайте.

Во время работы с плагином все изменения в блоке происходят в тестовом режиме. Чтобы их сохранить, скопируйте шаблон блока из плагина и добавьте его в блок с нативным баннером в интерфейсе Рекламной сети Яндекса.

## Установка плагина {#install}

1. [Скачайте плагин](https://doc-static.yandex.net/support/RSYA-RMP/YAN_plugin_unpacked.zip) и распакуйте.

1. Откройте страницу `browser://extensions/`.

1. В правом верхнем углу выберите **Режим разработчика**.

1. Нажмите **Загрузить распакованное расширение** и выберите плагин.

После установки убедитесь, что справа от адресной строки появился значок **PCE**.

Чтобы открыть плагин:

1. В Яндекс Браузере в правом верхнем углу нажмите **![](../../../../_images/popup-settings.png)** → **Дополнительно** → **Дополнительные инструменты** → **Инструменты разработчика** или используйте комбинацию клавиш **Ctrl + Shift + I**.

1. В открывшейся консоли перейдите на вкладку **YAN editor**.

## Возможности плагина {#features}

#### Найти блоки c нативным баннером на странице

В Яндекс Браузере откройте нужную страницу на вашем сайте и вызовите плагин. Появится список всех рекламных блоков РСЯ, добавленных на страницу.

Чтобы быстро перейти к рекламному блоку, справа от его ID в разделе **Units on page** нажмите **Show**.

Чтобы обновить список рекламных блоков, нажмите кнопку **Update list** над списком.

#### Подобрать дизайн рекламного блока

1. Справа от ID блока нажмите **Edit code**. Код блока отобразится в разделе **Editing unit**.

1. Внесите изменения в HTML или CSS код блока. В редакторе плагина предусмотрены подсветка синтаксиса и проверка кода на ошибки. Используйте кнопки **Minify** и **Beautify**, чтобы уменьшить размер кода и отформатировать его.

1. Справа от названия раздела нажмите **Apply** — изменения отобразятся в рекламном блоке на сайте. Чтобы применять изменения сразу во время редактирования кода, включите опцию **Auto-apply**.


{% note alert %}

Внесенные в плагине изменения не сохраняются в настройках рекламного блока. Чтобы их сохранить, нужно скопировать шаблон блока из плагина и добавить его в блок с нативным баннером в интерфейсе Рекламной сети Яндекса: **Настроить форматы самостоятельно** → **Нативный баннер** → **Редактировать код**.

{% endnote %}

#### Посмотреть, как выглядят разные объявления в блоке

Плагин позволяет испытать подобранный дизайн на тестовых объявлениях. Для этого нажмите кнопку **Update ads**: объявление в блоке поменяется на тестовое.

Также вы можете самостоятельно задать содержимое тестовых объявлений. Для этого нажмите **Edit data** — откроется окно с элементами объявления: заголовок, текст, возрастная метка, предупреждение и др. Все элементы обычной рекламы находятся на вкладке **Основные**, элементы рекламы мобильных приложений — на вкладке **РМП**. Добавляйте новые элементы в объявление, обновляйте их содержимое — все изменения сразу отобразятся в рекламном блоке и вы сможете оценить, подходит ли подобранный дизайн к объявлению с таким элементом.

## Полезные ссылки {#links}

[Скачать плагин для настройки нативного баннера](https://doc-static.yandex.net/support/RSYA-RMP/YAN_plugin_unpacked.zip)



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




<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/" target="_blank" rel="noreferrer"> <!--ссылка, куда ведет кнопка. Если внутренняя ссылка, пишем без .md и .html --> 
  <span class="button">Написать в чат</span> <!--текст на кнопке--> 
</a>

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

<details>
    <summary class="button">Написать в MAX</summary>
    <div class="container-gallery">
        <table>
            <td width="200px"><img src="https://yastatic.net/s3/doc-binary/src/support/partner/ru/files/qr-code-ru-max.svg" style="width: 200px; display: block;"/>
            </td>
            <td style="padding-top: 30px;">
                <p><b>Отсканируйте QR-код.</b></p>
                <p>MAX — это внешний канал связи с Яндексом. Мы не контролируем, как MAX хранит ваши данные и переписку на своей стороне, и не несем за это ответственность. Пожалуйста, учитывайте это при выборе MAX для связи с поддержкой.</p>
            </td>
        </table>
    </div>
  <div class="container-gallery-mobile">
        <p>MAX — это внешний канал связи с Яндексом. Мы не контролируем, как MAX хранит ваши данные и переписку на своей стороне, и не несем за это ответственность. Пожалуйста, учитывайте это при выборе MAX для связи с поддержкой.</p>
        <a href="https://max.ru/yandex_rsya_bot" style="display: block; text-align: left; margin-left: 18px; color: #5889FF;">Перейти в MAX</a>
  </div>
</details>

 <details>
    <summary class="button">Написать в Telegram</summary>
    <div class="container-gallery">
        <table>
            <td width="200px"><img src="https://yastatic.net/s3/doc-binary/src/support/partner/ru/files/qr-code-ru-telegram.svg" style="width: 200px; display: block;"/>
            </td>
            <td style="padding-top: 30px;">
                <p><b>Отсканируйте QR-код.</b></p>
                <p>Telegram — это внешний канал связи с Яндексом. Мы не контролируем, как Telegram хранит ваши данные и переписку на своей стороне, и не несем за это ответственность. Пожалуйста, учитывайте это при выборе Telegram для связи с поддержкой.</p>
            </td>
        </table>
    </div>
  <div class="container-gallery-mobile">
        <p>Telegram — это внешний канал связи с Яндексом. Мы не контролируем, как Telegram хранит ваши данные и переписку на своей стороне, и не несем за это ответственность. Пожалуйста, учитывайте это при выборе Telegram для связи с поддержкой.</p>
        <a href="http://t.me/YanSupport_Bot" style="display: block; text-align: left; margin-left: 18px; color: #5889FF;">Перейти в Telegram</a>
  </div>
</details>

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


<!-- 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="page-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/units-buttons.md -->