AMP — это технология ускоренной загрузки страниц сайта, которая оптимизирует вывод страниц на мобильных устройствах даже при медленном соединении с Интернетом (бывают же ещё такие места на Планете Земля 🙂 ). Самое интересное — визуально AMP не имеет никакого отношения к мобильным версиям сайта, однако компания Google активно продвигает эту технологию и настоятельно рекомендует веб-мастерам внедрять её на свои сайты, поэтому наличие таких страниц лишним не будет. Однако у веб-мастеров возникает вопрос о монетизации таких страниц — вставки рекламных баннеров.
В данной статье разберёмся, как вставить рекламные блоки Google AdSense и RTB-блоки РСЯ в AMP страницы. В данном примере такие страницы реализованы с помощью одноимённого плагина WordPress, который так и называется — AMP, а вставка рекламы — с помощью Ads for WP.
Шаг 1. Создадим RTB-блоки для AMP в партнёрском интерфейсе РСЯ
Здесь всё просто: нажимаем кнопку Добавить RTB-блок и выбираем площадку, на которой будет крутиться рекламный блок
Затем в версии сайта выбираем AMP-страницы
Редактируем дизайн
Настраиваем основной дизайн
К сожалению, доступных форматов для AMP-страниц в RTB-блоках очень мало, поэтому выбираем самый оптимальный для мобильных устройств
После проделанных выше действий жмём Далее
Дальше будет выбор формата медийной рекламы. Для адаптивности актуальными здесь будут форматы со 100%-ой шириной.
Стратегию лучше пока оставить по умолчанию
После этого система поздравит с успешным созданием блока
Шаг 2. Вставляем рекламный блок РСЯ в AMP-страницу
Переходим в консоль администратора WordPress в раздел Ads и добавляем блок на AMP-страницы: нажимаем на Let’s create a new ad
Даём название, например: Yandex RTB for AMP. Выбираем тип Custom Code (Пользовательский код). Тип отображения — это уже зависит от дизайна сайта.
Выбираем расширенные условия отображения (например, в постах) и таргетинговые параметры (по устройствам)
Опубликовываем
Также для вставки можно воспользоваться шорт-кодом
Шаг 3. Создадим RTB-блоки для AMP в партнёрском интерфейсе РСЯ
Переходим в кабинет Google AdSense в Объявления – Рекламные блоки и создаём там баннер типа Медийные объявления
Настраиваем оформление, и размер объявления выбираем Адаптивный
На всякий случай можно скопировать код AMP-объявления, но нам необходимы будут всего 2 параметра: data-ad-client и data-ad-slot
Шаг 4. Вставляем рекламный блок AdSense в AMP-страницу
Возвращаемся в консоль администратора WordPress в Ads и добавляем блок на AMP-страницы — выбираем тип AdSense, вписываем Data Client ID (это и есть data-ad-client) и опубликовываем
После этого блок опубликуется
В списке блоков появятся добавленные ранее рекламные блоки
И все добавленные блоки появятся на самих AMP-страницах.
В данном примере верхний блок — это RTB-блок РСЯ, а нижний — рекламный блок Google AdSense.
Поделиться ссылкой: