---
metadata:
  - name: generator
    content: Diplodoc Platform v5.55.0
alternate:
  - https://yandex.com/support/partner/en/web/units/formats/native/optional.md
  - https://yandex.com/support/partner/ru/web/units/formats/native/optional.md
  - href: ru/web/units/formats/native/optional.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

# Дополнительные элементы рекламы

Дополнительные элементы рекламы делают объявление более привлекательным и могут увеличить конверсию рекламного блока.

## Изображения или видео {#pic}

С помощью элемента `<ya-unit-image>` можно добавить в объявление карусель изображений, видео или картинку:

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


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

    ![](../../../../_images/multibanner.png =350x)

    {% endcut %}


- Если по тегу `<ya-unit-image>` от рекламодателя пришло видео, то оно отобразится в объявлении. Если видео нет, отобразится картинка.

- Если в объявлении нет картинки, можно поставить заглушку. Чтобы указать путь к изображению-заглушке, добавьте в тег `<ya-unit-image>` параметр `src`.

#### Редактирование изображений или видео

- Чтобы задать соотношение сторон, используйте параметр `ratio` (отношение высоты к ширине). Можно задать соотношение сторон от от 9 : 16 до 2 : 1.

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

    ![](../../../../_images/picture-width.svg)

    {% endcut %}

- Чтобы указать адаптивное соотношение сторон для блоков с нефиксированной высотой, используйте параметр `ratio="adaptive"`. Изображение или видео будет вставлено без ограничений и займет минимум 180 пикселей, но не более 60% от видимой области окна браузера (без прокрутки).

- Ограничить по высоте адаптивные изображения или видео можно с помощью параметра `max-height`. Максимальная высота задается в пикселях или % от видимой области окна браузера, например `max-height="140"` или `max-height=40vh`.

- Чтобы полностью вписать картинку или видео в заданную область, без обрезки, используйте атрибут `variant="contain"` (например, `<ya-unit-image ratio="0.5625" variant="contain" />`).

#### Рекомендации по использованию изображений или видео в объявлениях

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

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

    ![](../../../../_images/pictures-example.png =600x)

    {% endcut %}

- Картинка может иметь сплошной белый или цветной фон по краям — при совпадении цвета с фоном объявления дизайн должен корректно выглядеть.

- Текст объявления не должен конфликтовать с картинкой и ухудшать дизайн объявления.

- Если ширина контейнера больше 150 пикселей, убедитесь, что есть возможность проигрывать видео внутри него. Объявление должно выглядеть привлекательно во всех случаях, в том числе если вы вписываете видео по ширине с помощью атрибута `variant="contain"`.

- Следите за тем, чтобы контейнер для изображений или видео не обрезался и не перекрывался другими элементами больше 5% его площади. Исключение составляют только обязательные предупреждения, меню, метка «Реклама» и возрастная метка.

## Информация о рекламодателе {#advertiser}

<!-- source: ru/_includes/native/add.md -->
Вы можете добавить фавиконку сайта рекламодателя с помощью элемента `<ya-unit-favicon />`. В этом случае под фавиконкой должен находиться сплошной белый фон (во избежание проблем с полупрозрачными фавиконками на темном и сложном фоне).

Фавиконка имеет фиксированный размер, который можно задать в параметре `size`. Допустимые размеры: 32 × 32 и 120 × 120 пикселей. По умолчанию указывается размер 32 × 32.

Если фавиконку отрисовать не удалось, можно вместо нее показывать картинку объявления. Для этого укажите атрибут `allowImageFallback`.

```html
<ya-unit-favicon size="32" allowImageFallback></ya-unit-favicon>
```

Для случаев, когда в объявлении нет логотипа, установите изображение-заглушку в параметре `src`. По умолчанию изображение-заглушка имеет нулевую высоту.

```html
<ya-unit-logo src="https://example.com/image/image.png" />
```
<!-- endsource: ru/_includes/native/add.md -->

#### Логотип

Логотип рекламодателя, который будет отображаться на объявлениях в блоке, можно добавить с помощью элемента `<ya-unit-logo />`.

<!-- source: ru/_includes/native/add.md -->
Если в объявлении нет логотипа, он заменяется на другие элементы в таком порядке: фавиконка — картинка — заглушка. Можно изменить этот порядок в параметре `disabledSubstitution`:

- `<ya-unit-logo disabledSubstitution="all" />` — исключается и фавиконка, и картинка. Логотип сразу заменяется на заглушку.

- `<ya-unit-logo disabledSubstitution="favicon" />` — исключается фавиконка: логотип заменяется на картинку, при ее отсутствии — на заглушку.

- `<ya-unit-logo disabledSubstitution="image" />` — исключается картинка: логотип заменяется на фавиконку, при ее отсутствии — на заглушку.
<!-- endsource: ru/_includes/native/add.md -->

<!-- source: ru/_includes/native/add.md -->
#### Быстрые ссылки на сайт {#sitelinks}

[Быстрые ссылки](https://yandex.ru/support/direct/efficiency/quick-links.html?lang=ru) добавляются с помощью элемента `<ya-unit-sitelinks />`. Объявление может содержать до 8 быстрых ссылок, ограничить их количество можно с помощью параметра `limit`.

```html
<ya-unit-sitelinks limit="2" />
```

При настройке дизайна учитывайте, что максимальная длина быстрой ссылки не превышает 22 символа, а суммарная длина всех быстрых ссылок не превышает 66 символов.

Дизайн быстрых ссылок должен значительно отличаться от других элементов объявления: пользователю должно быть понятно, что это дополнительный путь перехода на сайт рекламодателя. Быстрые ссылки должны быть явно отличимы друг от друга для пользователя.
<!-- endsource: ru/_includes/native/add.md -->

<!-- source: ru/_includes/native/add.md -->
#### Физический адрес {#address}

Добавляется с помощью элемента `<ya-unit-address />`.
<!-- endsource: ru/_includes/native/add.md -->


## Уточнения {#callouts}

<!-- source: ru/_includes/native/add.md -->
Вы можете добавить до 8 [уточнений](https://yandex.ru/support/direct/efficiency/callout.html?lang=ru) с помощью элемента `<ya-unit-callouts />`.

Возможно отображение только нескольких первых уточнений — их количество можно ограничить с помощью параметра `limit`.

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

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

Уточнения не кликабельны.
<!-- endsource: ru/_includes/native/add.md -->


## Цена {#price}

За отрисовку цены отвечает элемент `<ya-unit-price />`: отображается старая цена, новая цена и символ валюты (рубли, белорусские рубли, тенге, лиры, доллары, евро и пр.). Чтобы отключить показ старой цены, добавьте к элементу атрибут `disabled-old-price`.

Стилизовать отдельные подэлементы (новую или старую цену) можно с помощью классов `.ya-unit-price-current` и `.ya-unit-price-old` соответственно.

При настройке дизайна убедитесь, что старая цена хорошо различима, а ее дизайн указывает на то, что она более не актуальна. Объявление должно выглядеть корректно при разной величине новой и старой цен (от 10 ₽ до 100 000 000 ₽).

## Скидка {#discount}

В объявлении может отображаться скидка на рекламируемый товар — для этого добавьте элемент `<ya-unit-discount />`.

Чтобы задать минимальное значение скидки, используйте параметр `minDiscount` c необходимым размером скидки в процентах, например `minDiscount="20"`. Если скидка меньше, чем заданное минимальное значение, она не будет показана в объявлении. Если вы добавили параметр, но не задали минимальный размер скидки, по умолчанию устанавливается значение 5%.

Дизайн скидки не должен противоречить остальным рекламным форматам Рекламной сети Яндекса.

Соблюдайте следующий приоритет отрисовки элементов цены и скидки: новая цена (цена), старая цена, скидка.


{% cut "Пример отображения цены и скидки" %}

![](../../../../_images/discount-2.png)

{% endcut %}


## Описание {#desc}

Чтобы добавить в объявление описание, используйте тег `<ya-unit-desc>`. Описание влияет на конверсию рекламного объявления. Убедитесь, что объявление одинаково корректно выглядит как при коротком описании (10–12 символов), так и при максимально длинном (75 символов).

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

## Кнопка действия {#button}

<!-- source: ru/_includes/native/action-button.md -->
В объявление можно добавить кнопку действия с помощью элемента `<ya-unit-direct-button />`. Нажатие кнопки переведет пользователя по рекламной ссылке, что может значительно повысить конверсию рекламного объявления.

Текст на кнопке задается рекламодателем в Яндекс Директе. Подпись кнопки может быть такой: «Подробнее», «Узнать подробнее», «Перейти», — или той, которую рекламодатель укажет для своего объявления. Вы можете использовать в кнопке домен и фавиконку. Чтобы текст появился при отрисовке объявления, укажите внутри `<ya-unit-direct-button />` специальное значение `{BUTTON_CAPTION}`, например:

```html
<ya-unit-direct-button><div>{BUTTON_CAPTION}</div></ya-unit-direct-button>
```

Браузер пользователя отрисует элемент как `<div />`:

```html
<div class="ya-unit-direct-button"><div>Получить скидку</div></div>
```
<!-- endsource: ru/_includes/native/action-button.md -->


## Динамическое дополнение {#asset}

Вы можете добавить динамическое дополнение с помощью элемента `<ya-unit-line-asset>`. В нем будет показан один из элементов, следуя очередности: [цена](#price), [промоакции](#promo), [быстрые ссылки на сайт](#links) или [уточнения](#callouts), если они добавлены. Например, если рекламодатель не добавил цену, но добавил промоакции и быстрые ссылки, то в динамическом дополнении будут показаны только промоакции.


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

![](../../../../_images/dynamic-add.svg)

{% endcut %}


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

## Промоакции {#promo}

В объявление можно добавить промоакцию — короткое описание акции с выделяющимся дизайном.

Чтобы добавить промоакцию, используйте тег `<ya-unit-promo>`. Этот тег поддерживает атрибуты:

- `inline` — для того, чтобы текст промоакции выводился в одну строку. Если текст не помещается в одну строку, то по умолчанию будет запущена анимация — автоскролл.

- `class` — для добавления дополнительного класса.

- `gradient` — для добавления градиента. По умолчанию цвет текста промоакции — черный.

## Спецификации {#specs}

С помощью спецификаций в объявление можно добавить сведения о продукте в формате **Параметр** → **Значение**. Например, это могут быть характеристики автомобиля или описание квартиры.

Для добавления спецификации используйте тег `<ya-unit-specifications>`. Тег поддерживает атрибуты:

- `limit` — для ограничения количества пунктов спецификации. По умолчанию максимальное количество пунктов — 6.

- `class` — для добавления дополнительного класса.



<!-- 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 -->