Как выбрать оптимальное место для блока

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

Артём, владелец сайта «ПроДомашних», установил объявления только в шапке — он прочитал, что это самое выгодное место. Доход его устраивал, но позже он понял: часть аудитории просто не видит эти объявления.

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

Из лонгрида вы узнаете: 

• Какие инструменты помогают изучить поведение пользователей 
• Какие рекомендации стоит учитывать при выборе места размещения блока
• Как оптимизировать места для размещения объявлений
• Какие могут быть ошибки при размещении блоков

Какие инструменты помогают изучать поведение пользователей

Проанализировать поведение пользователей помогут два инструмента в Яндекс Метрике: Карта кликов и Вебвизор.

Карта кликов

С помощью инструмента Карта кликов можно узнать, какие разделы сайта самые популярные и с каких устройств люди заходят на сайт. 

С помощью Карты кликов можно:

1. Определить наиболее кликабельные области страниц — скорее всего, в этой области лучше разместить блок с объявлением. 
2. Определить наименее кликабельные места — в этих областях размещать объявления нет смысла.
3. Определить, какие элементы на сайте (картинки, заголовки, кнопки) больше всего интересуют людей, — объявления рядом с такими элементами могут быть эффективными, если не будут мешать восприятию основного контента. 

Инструкция: как подключить Карту кликов

Вебвизор

Вебвизор — это инструмент, который «снимает видео» о поведении ваших посетителей. Он помогает понять, куда смотрят пользователи, как читают контент и где задерживаются дольше всего. 

С помощью Вебвизора можно:

1. Определить зоны, где задерживаются пользователи и внимательно изучают контент, — скорее всего, здесь лучше размещать объявления. 
2. Определить зоны, которые игнорируются пользователями и быстро пролистываются, — этих мест размещения стоит избегать.
3. Понять, как пользователи ведут себя на страницах: сразу скроллят вниз или читают верхнюю часть. Это поможет решить, где разместить баннеры.
4. Увидеть, как пользователи взаимодействуют с контентом, — объявления рядом с элементами, на которых задерживается взгляд, могут быть эффективными.
5. Проверить существующие блоки — убедиться, что баннеры не перекрывают важный контент и не мешают навигации по сайту.

Инструкция: как подключить Вебвизор

Изучайте данные в обоих источниках, чтобы потом их сопоставлять. Если какой-то участок страницы активен по обоим источникам, то есть на Карте кликов видно много нажатий, а Вебвизор показывает, что люди долго рассматривают эту область, это хорошее место для блока с объявлением. 

Артём зашёл в Яндекс Метрику и изучил Карту кликов. Он обнаружил, что многие пользователи активно кликают не только по статьям в сайдбаре, но и по фотографиям животных в самих материалах. А с помощью Вебвизора Артём увидел, что посетители внимательно читают раздел с продуктами питания в конце статей, но почти не смотрят на баннер в самом низу страницы. Это открытие показало ему несколько новых потенциальных мест для объявлений, о которых он раньше не задумывался.

Вы уже поняли, где Артёму стоит разместить блоки?

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

Каждая площадка уникальна, поэтому итоговый эффект может отличаться. Проверяйте гипотезы с помощью инструмента «Эксперименты» на базе Вариокуб в Метрике — это поможет принимать решения на основе данных.

Какие рекомендации стоит учитывать при выборе места размещения блока

Шапка сайта 

Шапка сайта — один из первых элементов, которые пользователь видит на странице.

Преимущества: 

• Подходит для мобильной и десктопной версий
• Привлекает внимание — пользователи видят блок в первую очередь

Рекомендации по размещению:

1. Используйте большие размеры объявлений. В этом месте у пользователя максимальный фокус.
2. Используйте плейсхолдер, чтобы избежать сильных скачков контента при медленной загрузке страницы.
3. Не используйте функцию Lazy Load для шапки сайта. Она загружает объявления только тогда, когда они попадают в видимую часть браузера, из-за чего пользователь не успеет их увидеть и просто проскроллит. 
4. Сделайте блок заметнее — пропишите в коде блока sticky-свойства и закрепите его в верхней части экрана на несколько секунд.
5. Не отключайте охватные форматы — зона подходит для медийных и видеообъявлений.
6. Располагайте блоки под навигационным меню — пользователи с большей вероятностью увидят объявление.

Сайдбар

Сайдбар — это боковая панель, где обычно размещают дополнительную информацию: ссылки на статьи, категории, теги и другие элементы навигации.

Преимущества: 

• Блок постоянно остаётся в поле зрения пользователя
• Объявление не мешает чтению контента

Рекомендации по размещению: 

1. Закрепите сайдбар при скролле, чтобы повысить видимость.
2. Настройте рефреш блока для баннера. 
3. Тестируйте разные размеры контейнера и типы блоков.
4. Размещайте блок на первом экране.

Внутри контента

Преимущества:

• Объявления воспринимаются как часть контента
• Высокая видимость и вовлечённость

Рекомендации по размещению:

1. Создавайте отдельный блок для первого места в контенте, чтобы сохранить возможность индивидуальной настройки. 
2. Размещайте первый блок не выше второго абзаца с небольшими отступами между абзацами. Чтобы выбрать конкретное место, опирайтесь на дизайн сайта и специфику контента.
3. По возможности не ограничивайте высоту блоков, чтобы РСЯ могла подобрать больше объявлений в разных форматах и дизайнах. 
4. Позицию второго и последующих блоков лучше выбирать по итогам экспериментов. Базовая рекомендация — размещать блоки через каждые 6–10 абзацев.
5. Избегайте отрисовки объявлений рядом с картинками и видео с вашего сайта — есть риск, что визуально контент и объявления могут слиться.
6. Используйте многобаннерный дизайн блока.

Совет эксперта: 

Учитывайте длину контента:

• В коротких текстах — не чаще одного блока на экран
• В лонгридах (более 3 000 символов) — первые три экрана можно заполнять плотнее, затем реже

Не забывайте тестировать эффективность размещения.

Между статьями

Преимущества:

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

Рекомендации по размещению: 

1. Используйте Баннер для размещения объявлений между статьями — вы сможете настроить размеры и дизайн блока, чтобы он вписался в дизайн сайта. 
2. Включите видео, чтобы в блоке отображалось больше разнообразных и привлекательных объявлений. 
3. Разместите после статьи Рекомендательный виджет с релевантными материалами с вашего сайта и объявлениями. Пользователь, который дочитал материал, обратит внимание на объявление, потому что погружен в контент. 
4. Используйте многобаннерный дизайн блока.

Конец статьи

Преимущества:

• Читатели, которые дочитали статью, обычно более восприимчивы к объявлениям, которые связаны с темой статьи или их интересами
• Кликабельность блоков в конце статьи может быть выше, так как они привлекают внимание именно тогда, когда читатель уже изучил основной контент и готов к следующему шагу

Рекомендации по размещению: 

1. Разместите после статьи Ленту с рекомендациями своего контента и объявлениями. Если на сайте есть комментарии, разместите блок между ними и статьёй. Так пользователь сможет сделать паузу, чтобы изучить материалы в виджете, и перейти на другие материалы.
2. Кроме того, можно использовать Рекомендательный виджет.  Этот формат подойдёт для размещения своих статей и объявлений.

Футер

Преимущество: 

• Блоки в футере не мешают воспринимать основной контент страницы и помогают сохранить положительный опыт пользователя
• Футер служит дополнительным местом для сайтов с маленьким пространством для размещения объявлений
• При грамотном использовании объявления в футере могут внести вклад в доход от монетизации

Рекомендации по размещению: 

1. При размещении блока в футере сохраняйте общую эстетику сайта, но делайте его заметным.
2. Используйте наиболее подходящий формат — Баннер.

Помимо блоков непосредственно в структуре сайта, их можно размещать поверх контента.

В визуальном контенте

Преимущество:

• Объявление органично вписывается в изображение и за счёт этого вызывает больший интерес у пользователей по сравнению с традиционными баннерами
• In-Image объявления адаптируются к различным типам экранов и устройств, что обеспечивает бесшовный пользовательский опыт на смартфонах и планшетах

Рекомендации по размещению:

1. Вы можете доверить технологиям РСЯ показывать In-Image объявления. Блок автоматически выберет подходящие изображения на сайте и отрисует объявление: медийные баннеры, видеорекламу или до двух комбинаторных объявлений.

В верхней и нижней части экрана с помощью sticky-блоков

Преимущество: 

• Блоки всегда остаются на экране, независимо от того, сколько контента просматривает пользователь. Это увеличивает вероятность клика по объявлению.
• Фиксированные блоки не прерывают процесс перемещения по сайту. Это делает их менее навязчивыми и способствует позитивному восприятию.
• В отличие от Баннера или Ленты, код блока не нужно устанавливать в определённый контейнер на сайте.

Рекомендации по размещению: 

1. Для размещения объявлений в этих зонах в Рекламной сети предусмотрены два специальных блока: Floor Ad и Top Ad.
2. Чрезмерное использование горизонтальных sticky-блоков может негативно повлиять на пользовательский опыт — у пользователей должна быть возможность в любой момент закрыть объявления.

Возможные ошибки при размещении 

1. Располагать overlay-блоки посередине страницы и перекрывать её содержимое.

В десктопной версии сайта можно размещать overlay-блоки, которые прикреплены только к нижнему краю экрана (блоки типа Floor Ad) и имеют кнопку «Закрыть» вне области креатива.

1. Одновременно размещать sticky-блоки Floor Ad и Top Ad.

Запрещено одновременно размещать sticky-блоки сверху и снизу страницы в мобильной версии.

1. Чрезмерная высота sticky-блока.

Правилами РСЯ запрещено устанавливать высоту sticky-блока, которая превышает 30% от области экрана устройства, включая кнопку «Закрыть» внизу экрана, а вверху экрана превышает 120 pх.

На весь экран

Преимущество: 

• Полноэкранное объявление занимает весь экран, так что пользователи не смогут его пропустить. Это блок с самым высоким уровнем заметности.
• Полноэкранные блоки обеспечивают высокую вовлечённость и кликабельность (CTR). Это делает их отличным инструментом для знакомства пользователей с новыми продуктами или акциями.

Рекомендации по размещению: 

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

Возможные ошибки при размещении 

1. Размещение любых форматов, где объявление всплывает в отдельном окне браузера, например Pop-up, Pop-under. Это запрещено правилами РСЯ.

Артём принял решение не ограничиваться одной шапкой. Он разместил блоки для объявлений и в других местах:

• Внутри контента — небольшой блок после второго абзаца в самых популярных статьях, так как пользователи их активно читают
• В конце статей — Ленту с рекомендациями своего контента, ведь именно здесь внимание читателей было максимальным
• В сайдбаре — закрепил блок при скролле, чтобы он всегда был в поле зрения, но не мешал чтению

Шапку он оставил под крупные кампании, но теперь его доход не зависел только от неё.

Как оптимизировать места для размещения объявлений

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

Плейсхолдеры 

Если вы используете несколько порогов для показа объявлений, добавьте плейсхолдеры — «заглушки», которые занимают место блока, когда подходящее объявление не подобралось.

Плейсхолдеры помогают:

• Сохранить внешний вид сайта — страница будет выглядеть аккуратно, без пустых зон
• Увеличить глубину просмотра, особенно на первом экране, где важно удержать внимание
• Улучшить позиции сайта в поисковой выдаче — структурированные страницы без «пустот» ранжируются лучше

Как настроить плейсхолдеры, читайте в Справке.

Lazy Load (отложенная загрузка)

Если вы работаете с Adfox, настройте отложенную загрузку (Lazy Load) — она позволяет загружать блоки только в тот момент, когда они появляются в видимой области экрана.

Преимущества:

• Ускоряет загрузку сайта — меньше запросов, быстрее отображается основной контент
• Улучшает пользовательский опыт — посетителям не нужно ждать загрузки блоков, которые они пока не видят
• Экономит трафик, что особенно важно для мобильных пользователей
• Положительно влияет на поисковое ранжирование — скорость загрузки учитывается поисковыми системами

Не рекомендуется:

• Использовать отложенную загрузку для блока на первом экране — он может не успеть отрисоваться, и пользователь просто пролистает мимо
• Настраивать запуск загрузки только при появлении блока в видимой области — система может не успеть показать контент

Совет эксперта: настройте отложенную загрузку с небольшим запасом, чтобы блок начинал подгружаться чуть раньше, — тогда он будет виден в тот момент, когда пользователь до него доскроллит.

Как настроить Lazy Load, читайте в Справке.

Артём тоже решил использовать каждый блок максимально эффективно. 

Вот что он сделал:

• Настроил плейсхолдеры: теперь, если контент продвижения не подгружается, на его месте отображается стилизованная под сайт картинка с милым животным — без пустых мест и визуальных разрывов
• Включил отложенную загрузку (Lazy Load): страницы стали открываться быстрее, потому что тяжёлые блоки внизу сайта теперь подгружаются только тогда, когда пользователь доскролливает до них

Совет эксперта: после размещения блоков оцените их количество. Объявления не должны преобладать над содержанием страницы.

Выводы

Чтобы увеличить доход от монетизации и сохранить комфорт пользователей, действуйте поэтапно:

1. Изучите поведение аудитории. Используйте инструменты Яндекс Метрики — Карту кликов и Вебвизор. Размещайте блоки с объявлениями в тех зонах, где внимание и активность пользователей максимальны.
2. Выбирайте место осознанно. Следуйте принципу ненавязчивости: блоки должны быть заметными, но не мешать восприятию контента. Используйте проверенные зоны: шапку, сайдбар — при размещении внутри материалов.
3. Оптимизируйте каждое место. Настройте отложенную загрузку (Lazy Load) для ускорения сайта, добавьте плейсхолдеры, чтобы избежать пустых зон, и предусмотрите вызов дополнительных блоков. Это поможет использовать площадь сайта на 100% и повысить общий доход.

Проверьте себя