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

# In-Image

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

In-Image привязывается к изображению внутри контента страницы. Пользователь может закрыть рекламу в любой момент.

## Доступные форматы

Стандартные размеры блока: 100% по ширине изображения и 100 px в высоту.

Минимальный размер изображения:

- ширина — 320 px;
- высота — 190 px.

Если один из параметров будет меньше, блок не отрисуется.

В баннере могут быть показаны следующие форматы рекламы:

- [комбинаторные объявления](https://yandex.com/support/partner/ru/web/units/formats/main.md) формата **Адаптивный** ![](../../../_images/sd-label.svg). Дизайн комбинаторных объявлений формируется автоматически по технологии [Smart Design](https://yandex.com/support/partner/ru/technologies/smart-design.md). Технология определяет, какое объявление с большей вероятностью привлечет внимание пользователя, и собирает его из доступных дополнений.

- [медийная реклама](https://yandex.com/support/partner/ru/web/units/formats/media.md) разных форматов: как фиксированная, так и адаптивная;

- [видеореклама](https://yandex.com/support/partner/ru/web/units/formats/video.md).


{% cut "Пример отображения блока In-Image" %}

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

{% endcut %}


## Как создать блок In-Image {#add}

1. <!-- source: ru/_includes/web/units/types/create.md -->
   В интерфейсе Рекламной сети Яндекса перейдите на вкладку **Реклама на сайтах** → **Блоки** и нажмите **Добавить блок**.
   <!-- endsource: ru/_includes/web/units/types/create.md -->

1. <!-- source: ru/_includes/web/units/types/create.md -->
   Выберите сайт, для которого вы создаете блок, и нажмите **Дальше**.
   <!-- endsource: ru/_includes/web/units/types/create.md -->

1. Выберите тип блока **In-Image**.

1. <!-- source: ru/_includes/web/units/types/create.md -->
   Введите название блока для использования в интерфейсе Рекламной сети Яндекса.
   <!-- endsource: ru/_includes/web/units/types/create.md -->

1. <!-- source: ru/_includes/web/units/types/create.md -->
   Выберите CPM-стратегию:

   - **Максимальный доход** — минимальная стоимость показа рекламы будет определяться автоматически. Эта опция позволяет оптимально заполнить рекламные места и максимизировать доход владельца сайта.

   - **Порог CPMV** — вы самостоятельно определяете минимальную стоимость тысячи показов с учетом [проверки видимости](*viewability-check). Порог CPMV устанавливается в рублях, долларах или евро. Изменить валюту порога можно в [настройках аккаунта](https://yandex.com/support/partner/ru/account-settings.md).

     {% note alert %}

     Установка порога CPMV может снизить заполняемость блока рекламой и, соответственно, ваш доход.

     {% endnote %}
   <!-- endsource: ru/_includes/web/units/types/create.md -->

1. Выберите **Тип интеграции**, по которому будет распределена реклама:

    - **Автоматический** (по умолчанию) — на всех изображениях, которые подходят под [минимальные размеры](*size).
    - **Разрешенные классы** — на изображениях с выбранными классами. Укажите классы изображений, на которых может отображаться реклама. Для добавления класса введите его название в появившемся поле и нажмите **Enter**.

      {% cut "Пример кода вставки изображения" %}
      
      ```
      <img src="example.ru/image.jpg" class="adv">
      ```

      Где:
      
      - `example.ru/image.jpg` — путь к изображению на хостинге;
      - `adv` — название класса, по которому скрипт определяет возможность отрисовки рекламы на изображении.

      {% endcut %}

    - **Разрешенный идентификатор** — на изображениях, размеченных выбранными идентификаторами (id). Укажите идентификаторы изображений, на которых может отображаться реклама. Для добавления идентификатора введите его название в появившемся поле и нажмите **Enter**.

      {% cut "Пример кода вставки изображения" %}
      
      ```
      <img src="example.ru/image.jpg" id="adv">
      ```

      Где:
      
      - `example.ru/image.jpg` — путь к изображению на хостинге;
      - `adv` — название идентификатора, по которому скрипт определяет возможность отрисовки рекламы на изображении.

      {% endcut %}

    Также вы можете дополнительно установить:

    - **Лимит на страницу** — максимальное количество рекламных блоков, которое отобразится на одной странице сайта;
    - **Ограничение для изображений** — размер изображений, на которых будет показана реклама. Указанные значения должны быть больше [минимальных](*size).

    {% note warning %}
    
    При смене типа интеграции, изменении лимита блоков и установке новых ограничений обновляется код вставки рекламного блока. Если вы внесли изменения для блока, который уже размещен на сайте, получите новый код вставки.

    {% endnote %}

1. <!-- source: ru/_includes/web/units/types/create.md -->
   Выберите тему: **Темная** или **Светлая**. По умолчанию выбрана светлая тема. Блоки в темной теме отличаются не только фоном, но и цветом текста, рамки, кнопок и других элементов рекламы. Выбранная тема применяется ко всем форматам в блоке.
   <!-- endsource: ru/_includes/web/units/types/create.md -->

1. Выберите способ настройки рекламных форматов:

   - **Использовать стандартные настройки** — при выборе этой опции в блоке будут показаны все доступные форматы рекламы: комбинаторные объявления, медийная и видеореклама. Дизайн и параметры показа рекламы определяются автоматически.

   - **Настроить форматы самостоятельно** — в этом случае вы можете посмотреть, как блок будет отображаться на экранах разного размера:

      {% list tabs %}

      - Основной дизайн

         Основной дизайн — это комбинаторные объявления формата **Адаптивный** ![](../../../_images/sd-label.svg).
         
         Выберите возможное количество объявлений на изображении в поле **Максимум объявлений**. По умолчанию установлено максимальное значение — `2`. В области предпросмотра можно смоделировать, как блок будет выглядеть с одним или двумя объявлениями на разных устройствах.

      - Медийная реклама

         Медийная реклама подбирается автоматически с учетом размеров блока.

         Отключить формат не получится.

      - Видеореклама

        Видеореклама подбирается автоматически с учетом размеров изображения. Минимальная площадь изображения — 360 × 560 пикселей. На изображениях меньшего размера видеореклама не будет показана.

      {% endlist %}

1. <!-- source: ru/_includes/web/units/types/create.md -->
   Нажмите **Создать**. Откроется окно с кодом вставки. Используйте этот код для размещения блока на страницах сайта.
   <!-- endsource: ru/_includes/web/units/types/create.md -->

<!-- source: ru/_includes/web/units/types/create.md -->
После сохранения блоку будет присвоен уникальный идентификатор (`ID`). Он состоит из идентификатора продукта (`R-A`), идентификатора площадки (`site_id`) и порядкового номера блока.
<!-- endsource: ru/_includes/web/units/types/create.md -->


## Как разместить блок In-Image на сайте {#placement}

1. Получите код вставки: создайте новый блок или в настройках существующего блока нажмите **Получить код**.

1. Скопируйте код загрузчика рекламы в буфер обмена и вставьте его внутрь тега `<head>` на той странице, где вы планируете показывать блок In-Image. Код загрузчика устанавливается на страницу один раз и используется для вызова всех блоков Рекламной сети Яндекса.

1. Разместите код блока In-Image перед закрывающим тегом `</body>` в конце страницы. Он будет работать на десктопных и мобильных устройствах.

    {% cut "Пример кода с автоматической интеграцией для показа In-Image на сайте" %}

    ```javascript
    <!-- Yandex.RTB R-A-77777-77 -->
    
    ```

    {% endcut %}



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



[*size]: Ширина — 320 px, высота — 190 px.

[*viewability-check]: Показ считается видимым, если не менее 50% площади блока находится в видимой зоне экрана не менее двух секунд.