Руководство по внедрению

Боковая реклама

Side rail ads

Реклама, закреплённая у левого или правого края экрана на широких экранах компьютеров, в свободном месте рядом с контентом.

AdSense
Ad Manager
только компьютер

Изучить формат Проверить на моём сайте

Десктоп

Мобильный

Понять за 1 минуту

Что такое боковая реклама

Боковая реклама закрепляется у левого или правого края экрана, в свободном месте рядом с текстом. Представьте класс, где на боковой стене висит стенд: ученики смотрят на доску впереди, а стенд просто висит рядом и не мешает. Боковая реклама и есть такой стенд. Человек прокручивает страницу, а реклама остаётся на месте.

Она рассчитана на широкие экраны, например компьютерные. У многих сайтов текст расположен посередине, а по бокам остаются пустые полосы. Боковая реклама использует это место и не сдвигает и не закрывает контент. В AdSense она входит в автоматическую рекламу, в группу оверлейных форматов, и называется «Реклама в боковой колонке». Её можно включить одним щелчком и выбрать расположение: слева и справа, только слева или только справа.

В Ad Manager боковую рекламу показывает GPT, Google Publisher Tag, то есть код Google, который запрашивает рекламу. Вы создаёте слот, то есть рекламное место, типа «левая боковая реклама» или «правая боковая реклама». GPT сам создаёт рамку для объявления и размещает её рядом с контентом, на расстоянии от 5 до 25 пикселей. Если окно уменьшается и свободное место исчезает, реклама скрывается, пока место не появится снова.

Этот формат стоит использовать, если на вашем сайте на больших экранах много свободного места по бокам. GPT требует экран не меньше 1200 на 650 пикселей и свободное место не меньше 120 на 500 пикселей рядом с контентом. Если макет занимает весь экран от края до края, места не остаётся, и реклама просто не появится.

Пошаговая инструкция

Как внедрить

Разместите код на всех страницахКод AdSense должен быть на всех страницах. После включения объявления могут появиться не сразу, иногда через час.
Включите в AdSenseНажмите «Реклама», затем «Изменить» рядом с сайтом. Включите автоматическую рекламу и в разделе «Оверлейные форматы» отметьте «Реклама в боковой колонке». Нажмите «Применить к сайту» и выберите «Применить сейчас» или «Сначала провести эксперимент».
Выберите сторонуВ расширенных настройках используйте параметр «Выбрать расположение рекламы в боковой колонке»: слева и справа, только слева или только справа.
В Ad Manager создайте слоты в headВ GPT задайте внестраничные слоты типа «левая боковая реклама» и «правая боковая реклама». Перед использованием убедитесь, что каждый из них не вернулся пустым.
Используйте правильные размерыДля резервирования и для программатик-продаж размеры боковой рекламы на компьютере: 180x500, 160x600 и 120x600.
Проверьте на демо-версииДобавьте в конец адреса страницы демонстрационный код из примера, чтобы увидеть тестовую боковую рекламу без изменения кода.

Пример внедрения

Код и как это выглядит на экране

Атрибут AdSense добавляется к элементу, который охватывает защищаемую часть страницы. Блок GPT размещается в head, если вы используете Ad Manager.

<!-- AdSense: parte da página onde a barra lateral não deve sobrepor -->
<div google-side-rail-overlap="false">
  ... conteúdo ...
</div>

<!-- Ad Manager (GPT), no head -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    const leftSideRail = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      googletag.enums.OutOfPageFormat.LEFT_SIDE_RAIL,
    );
    const rightSideRail = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      googletag.enums.OutOfPageFormat.RIGHT_SIDE_RAIL,
    );
    // Volta null se a página ou o aparelho não aceitar barra lateral
    if (leftSideRail) leftSideRail.addService(googletag.pubads());
    if (rightSideRail) rightSideRail.addService(googletag.pubads());
    googletag.enableServices();
    if (leftSideRail) googletag.display(leftSideRail);
    if (rightSideRail) googletag.display(rightSideRail);
  });
</script>

<!-- Teste: acrescente no fim do endereço da página -->
<!-- #gamLeftSideRailDemo ou #gamRightSideRailDemo -->

На компьютереНа компьютере реклама отображается в закреплённой колонке рядом с контентом: слева, справа или с обеих сторон. Она остаётся на виду, пока человек прокручивает страницу.

На мобильныхНа телефоне её нет.

Что рекомендует Google

Что можно и что нельзя

Можно

Выбрать в AdSense: слева и справа, только слева или только справа.
Защитить часть страницы официальным атрибутом, чтобы боковая реклама не закрывала этот раздел.
Сначала протестировать в эксперименте на 50% трафика в течение срока до 90 дней.
В Ad Manager продавать боковую рекламу через резервирование и программатик с размерами 180x500, 160x600 и 120x600.
Измерять результат в AdSense с помощью пользовательского отчета, фильтруя по Формату рекламы значение Реклама в боковой колонке.

Нельзя

Не запрашивайте боковую рекламу на страницах, где вы не хотите её показывать.
Не запускайте GPT внутри iframe: для боковой рекламы GPT должен работать в главном окне.
Не занимайте всё место по бокам другими элементами, если хотите показывать эту рекламу: без свободных 120 на 500 пикселей она не появится.
Не размещайте ссылки, меню или кнопки загрузки вплотную к объявлениям: Google предупреждает, что это может приводить к случайным кликам.
Не изменяйте код AdSense, кроме правок, разрешённых Google, и не побуждайте к кликам по рекламе.

Советы

Как сделать правильно

Если человек уменьшит окно и свободное место исчезнет, реклама сама скроется, пока место не вернётся. Программировать это не нужно.
В GPT запросы на обновление игнорируются, если слот скрыт или находится за пределами экрана.
При едином запросе (SRA) делайте первый вызов показа только после того, как на странице появятся фиксированные места.
В Ad Manager сравните эффективность с другими форматами с помощью параметра Формат инвентаря.

Осторожно

Частые ошибки

Проверьте на маленьком экране

GPT требует экран не меньше 1200 на 650 пикселей. В окнах меньшего размера реклама не появится.

Макет от края до края

Если контент занимает всю ширину, свободного места 120 на 500 пикселей не остаётся, и боковой рекламе негде появиться.

Не проверять, вернулся ли слот пустым

GPT возвращает null, если страница или устройство не поддерживает боковую рекламу. Код должен проверить это до использования слота.

Код только на некоторых страницах

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

Частые вопросы

Показывается ли боковая реклама на телефоне?

Нет. В AdSense она только для компьютеров, а в Ad Manager это формат для компьютеров, которому нужен широкий экран.

Нужно ли создавать для неё div в GPT?

Нет. Боковая реклама сама создаёт рамку и размещает её как можно ближе к контенту.

Можно ли использовать только одну сторону?

Да. В AdSense есть варианты «только слева» и «только справа», а в GPT можно задать слот только для нужной стороны.

Какое расстояние между рекламой и контентом?

В Ad Manager слот находится на расстоянии от 5 до 25 пикселей от основного контента.

Библиотека

Официальный источник Google

Всё на этой странице основано на официальной документации Google. Читайте прямо в источнике:

Ваш сайт правильно использует этот формат?

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

Запустить аудит