In-Image

In-Image — рекламный блок, который отображается поверх изображений на сайте и позволяет монетизировать визуальный контент. Блок подходит для контентных сайтов с большим количеством изображений: рецептов, путеводителей, фоторепортажей, обзоров товаров и других визуально насыщенных материалов.

Блок доступен для мобильной и десктопной версии сайта.

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

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

Доступные форматы объявлений

В блоке In-Image могут быть показаны:

комбинаторные объявления формата Адаптивный . Дизайн комбинаторных объявлений формируется автоматически по технологии Smart Design. Технология определяет, какое объявление с большей вероятностью привлечет внимание пользователя, и собирает его из доступных дополнений.
медийная реклама разных форматов: как фиксированная, так и адаптивная;
видеореклама.

Технические требования

Стандартные размеры блока: 100% по ширине изображения и 100 пикселей в высоту.
Минимальный размер изображения:
- ширина — 320 пикселей;
- высота — 190 пикселей.
Если ширина или высота изображения меньше минимально допустимых значений, рекламный блок не отрисуется.
Запрещается изменять стандартный интерфейс рекламного блока или размещать поверх него собственные элементы интерфейса.

Создание и размещение блока

Совет

Перед созданием и настройкой блока ознакомьтесь с общими рекомендациями по монетизации.

Создание блока

Базовая настройка

В интерфейсе Рекламной сети Яндекса перейдите на вкладку Реклама на сайтах → Блоки и нажмите Добавить.
Выберите сайт, для которого вы создаете блок, и нажмите Дальше.
Выберите тип блока In-Image.
Введите название блока для использования в интерфейсе Рекламной сети Яндекса.
Выберите CPM-стратегию:
- Максимальный доход — минимальная стоимость показа рекламы будет определяться автоматически. Эта опция позволяет оптимально заполнить рекламные места и максимизировать доход владельца сайта.
- Порог CPMV — вы самостоятельно определяете минимальную стоимость тысячи показов с учетом проверки видимости. Порог CPMV устанавливается в рублях, долларах или евро. Изменить валюту порога можно в настройках аккаунта.
  
  Внимание
  
  Установка порога CPMV может снизить заполняемость блока рекламой и, соответственно, ваш доход.
Нажмите Создать. Откроется окно с кодом вставки. Используйте этот код для размещения блока на страницах сайта.

После сохранения блоку будет присвоен уникальный идентификатор (ID). Он состоит из идентификатора продукта (R-A), идентификатора площадки (site_id) и порядкового номера блока.

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

Настройте параметры блока, если стандартных значений недостаточно.

Тип интеграции

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

Авто (по умолчанию) — на всех изображениях, которые подходят под минимальные размеры.
Разрешенные классы — на изображениях с выбранными классами. Укажите классы изображений, на которых может отображаться реклама. Для добавления класса введите его название в появившемся поле и нажмите Enter.
Пример кода вставки изображения
```
<img src="example.ru/image.jpg" class="adv">
```
Где:
- example.ru/image.jpg — путь к изображению на хостинге;
- adv — название класса, по которому скрипт определяет возможность отрисовки рекламы на изображении.
Разрешенный идентификатор — на изображениях, размеченных выбранными идентификаторами (id). Укажите идентификаторы изображений, на которых может отображаться реклама. Для добавления идентификатора введите его название в появившемся поле и нажмите Enter.
Пример кода вставки изображения
```
<img src="example.ru/image.jpg" id="adv">
```
Где:
- example.ru/image.jpg — путь к изображению на хостинге;
- adv — название идентификатора, по которому скрипт определяет возможность отрисовки рекламы на изображении.

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

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

Важно

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

Тема блока

Выберите тему: Темная или Светлая. По умолчанию выбрана светлая тема. Блоки в темной теме отличаются не только фоном, но и цветом текста, рамки, кнопок и других элементов рекламы. Выбранная тема применяется ко всем форматам в блоке.

Способ настройки рекламных форматов

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

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

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

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

Основной дизайн — это комбинаторные объявления формата Адаптивный .

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

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

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

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

Лучшие места для размещения

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

Рекомендуемые места:

изображения в статьях, обзорах и фоторепортажах;
изображения в рецептах и путеводителях;
фотографии товаров в контентных материалах.

Например, на изображении размером 800 × 600 пикселей блок будет занимать больше места, чем на изображении 320 × 240 пикселей, сохраняя пропорции изображения.

Не рекомендуется размещать блок на маленьких изображениях или на страницах без визуального контента.

Размещение блока

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

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

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

<!-- Yandex.RTB R-A-77777-77 -->
<script>
(function renderInImage(adImagesCounter, images) {
    if (adImagesCounter <= 0 || !images.length) {
        return
    }
    const image = images.shift()
    image.id = `yandex_rtb_R-A-77777-77-${Math.random().toString(16).slice(2)}`
    window.yaContextCb.push(() => {
        Ya.Context.AdvManager.render({
            "renderTo": image.id,
            "blockId": "R-A-77777-77",
            "type": "inImage",
            "onRender": () => {
                renderInImage(adImagesCounter-1, images)
            },
            "altCallback": () => {
                renderInImage(adImagesCounter, images)
            },
            "onError": () => {
                renderInImage(adImagesCounter, images)
            }
        })
    })
})(9, Array.from(document.querySelectorAll("img")))
</script>

Проверка работы блока

Проверьте отображение блока на десктопных и мобильных устройствах, а также в режиме инкогнито.
Проверьте, что блок не перекрывает элементы интерфейса сайта.
Дождитесь, пока система накопит достаточно данных для оптимизации работы блока — рекомендуем оценивать результаты работы блока не ранее чем через 2–3 недели после размещения.
При необходимости скорректируйте настройки монетизации по итогам анализа накопленной статистики.

Ограничения

❌ Не размещайте рекламный блок таким образом, чтобы это могло приводить к случайным кликам пользователей.

❌ Не устанавливайте ограничения по размеру изображений ниже минимальных значений.

❌ Не используйте блок на изображениях размером менее 320 × 190 пикселей — в этом случае блок не будет отображаться.

Эксперименты с Varioqub

Для выбора наиболее эффективной конфигурации рекламного блока рекомендуется проводить A/B-тесты с помощью Varioqub.

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

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

Рекомендуемая продолжительность эксперимента — 2–3 недели: за это время обычно накапливается достаточно данных.

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

Метрики для оценки

Вознаграждение и RPM — главные показатели, по которым следует принимать решение. Подробнее о показателях в разделе Ключевые показатели статистики.
CPMV — доход на тысячу видимых показов.
Доля видимых показов (Viewability) и CTR — промежуточные показатели, которые помогают понять, за счет чего изменился доход.

Рост CPMV или CTR сам по себе не означает, что блок стал зарабатывать больше.

Кейсы партнеров

SimsMarket

Увеличили доход десктопной версии на 9% с помощью формата In-Image.

24СМИ

Блок In-Image увеличил вознаграждение и стал новым рекламным местом на сайте.

Обратиться в службу поддержки

Написать в чат

Написать письмо

Написать в MAX

Отсканируйте QR-код.

MAX — это внешний канал связи с Яндексом. Мы не контролируем, как MAX хранит ваши данные и переписку на своей стороне, и не несем за это ответственность. Пожалуйста, учитывайте это при выборе MAX для связи с поддержкой.

Перейти в MAX

Написать в Telegram

Отсканируйте QR-код.

Telegram — это внешний канал связи с Яндексом. Мы не контролируем, как Telegram хранит ваши данные и переписку на своей стороне, и не несем за это ответственность. Пожалуйста, учитывайте это при выборе Telegram для связи с поддержкой.

Перейти в Telegram

Заказать звонок

Также вы можете перейти на сервис

Полезные ссылки

Была ли статья полезна?

Лента

Overlay ᵝ