Обсудим ваш проект?
15 лет опыта
90+ специалистов
Комплексный интернет-маркетинг
15 лет опыта | 90+ специалистов
Отправить заявку

Реклама на AMP-страницах: инструкция по подключению и настройке

Дарья ,
редактор
Анастасия ,
руководитель отдела интернет-маркетинга
Поделиться
Просмотров:
3974
Время на прочтение:
Статья обновлена:
10 февраля 2020
Информация о статье
Просмотров: 3974
Время на прочтение:
Статья обновлена: 10.02.2020
Дарья , редактор
Анастасия , руководитель отдела интернет-маркетинга
Поделиться

Технология AMP-страниц от Google обеспечивает показ контента пользователям с мобильными устройствами. Минимум разметки и подключенных скриптов позволяют значительно увеличить скорость загрузки таких страниц на медленных подключениях, поэтому в мобильной выдаче ссылки на них часто ранжируются Гуглом значительно выше. Создание AMP — неплохой способ привлечь новых посетителей, но такие просмотры не приносят доходов, поскольку изначально код не содержит разметки для рекламных блоков. Правильно настроенная реклама на AMP-страницах позволит расширить охват по монетизации.

Директ Лайн
Кто мы
Крупнейшее региональное интернет-агентство России. ТОП-10 в рейтинге Рунета.
1200+ проектов
90 специалистов
15 лет на рынке
Коммерческое предложение

Как медийные объявления Google работают на AMP-страницах

На сайтах определенной тематики (например, новостной) AMP-страницы могут дать существенный прирост к трафику из Google за счет более высокого ранжирования.

Специальная отметка в выдаче
Специальная отметка в выдаче

Страница грузится из кэша Google, она очищена от «лишних» скриптов и разметки, благодаря чему и достигается существенное (до 10 раз) увеличение скорости доставки контента пользователю. Реклама здесь работает благодаря специальному скрипту, который подключается в <HEAD>. Он немного отличается от стандартных скриптов AdSense, поскольку учитывает загрузку содержимого из кэша Гугла и работает намного быстрее.

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

Пример рекламного блока на AMP странице
Пример рекламного блока на AMP странице

Развитие рекламы на AMP-страницах началось еще в 2016 году с появлением технологии AMP for Ads и специальных типов рекламных объявлений. Сейчас владельцы сайтов могут поставить почти любую рекламу на свои AMP-страницы, включая различные типы медийных блоков, в том числе — адаптивные sticky («липкие»). Исключен лишь показ межстраничных (заставок) и расширяемых объявлений, которые изменяют компоновку контента. Есть и дополнительное ограничение по типу: анимированные графические креативы не будут отображены на AMP, но в AdSense такая реклама будет отфильтрована автоматически. Поставить рекламу РСЯ на AMP-страницы также реально, но нужно учитывать ряд нюансов, о которых поговорим в соответствующем разделе.

Как разместить AdSense-рекламу на AMP-страницах

Грамотная монетизация AMP потребует использования специальных плагинов или вставки кодов в ручном режиме. В зависимости от используемой CMS, доступные методы могут немного различаться, но если у вас уже настроено автоматическое создание AMP-версий контента, то разместить рекламу можно самостоятельно, даже не обладая серьезными знаниями в области программирования.

Создаем рекламные блоки для AMP-страниц

Для монетизации AMP лучше создать отдельные блоки: впоследствии будет проще отслеживать показатели эффективности. Придерживайтесь следующего порядка действий:

  1. Откройте меню «Объявления» и выберите «Медийное объявление».

Создаем новый рекламный блок
Создаем новый рекламный блок

  1. Создайте новое адаптивное объявление.

Выбираем адаптивный размер объявления
Выбираем адаптивный размер объявления

  1. На следующем шаге переключитесь на вкладку «AMP» и скопируйте в блокнот скрипт подключения рекламы на AMP-страницах и код вызова конкретного объявления. Кликнув на кнопку «Готово», сохраните созданное объявление.

Переходим на вкладку «AMP»
Переходим на вкладку «AMP»

Автоматическая поддержка AMP

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

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

Выбираем вкладку «По сайту»
Выбираем вкладку «По сайту»

  1. В окне предварительного просмотра настроек дождитесь, пока Google подберет лучшие, по его мнению, места для показа рекламы на вашем сайте. С помощью переключателей справа настройте показ автообъявлений, настройте их формат и удалите в окне просмотра ненужные блоки. Сохраните изменения и получите код для вставки на сайт.

Привлекли 35.000.000 людей на 185 сайтов
Мы точно знаем, как увеличить онлайн–продажи
Применяем лучшие практики digital–продвижения как из вашей тематики, так и из смежных областей бизнеса. Именно это сделает вас на голову выше конкурентов и принесёт лиды и продажи.
Ваш сайт:

Настраиваем показ автообъявлений
Настраиваем показ автообъявлений

  1. Данная операция включает автообъявления для обычной версии сайта.

Код для обычной версии сайта
Код для обычной версии сайта

  1. Закройте «Мастер настройки». Воспользуйтесь переключателем «AMP Вкл», чтобы получить код вставки рекламных объявлений.

Воспользуйтесь переключателем «AMP Вкл»
Воспользуйтесь переключателем «AMP Вкл»

Сохраните код. Теперь все готово для того, чтобы разместить рекламу на AMP-странице вашего сайта.

Настраиваем рекламу на AMP-страницах с помощью плагинов

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

FL AMP от Fiction Labs для Joomla

С установленным FL AMP поставить рекламу на AMP-страницы очень просто. Этот плагин умеет создавать AMP из контента Joomla, добавлять к ним стили, скрипты аналитики, внедрять микроданные и настраивать показ рекламы.

FL AMP от Fiction Labs для Joomla
FL AMP от Fiction Labs для Joomla

После настройки других параметров и публикации плагина, перейдите на вкладку “Реклама”. Здесь нужно указать данные, полученные при создании автообъявления в Adsense.

Вставляем параметры в поля плагина
Вставляем параметры в поля плагина

AMP for WP — функциональный плагин для Wordpress

AMP for WP
AMP for WP

Самый простой способ поставить рекламу на AMP-страницы в Wordpress — воспользоваться специализированным плагином AMP for WP. Встроенный функционал позволяет детально настраивать внешний вид генерируемых AMP-страниц, минифицировать код, включать в содержимое теги и структурированные данные. Огромный плюс данного плагина — поддержка самых популярных расширений Wordpress для работы с контентом, включая различные галереи и интернет-магазины.

Ручная установка кода для рекламы на AMP-страницах

Если плагины вашей CMS не позволяют размещать рекламу на AMP-страницах, то придется самостоятельно найти файл, отвечающий за их создание и отредактировать его код.

В разных CMS путь будет отличаться. Например, в Joomla это /plugins/system/имя_плагина.

Вставьте сохраненный ранее код скрипта в секцию, формирующую заголовки страницы перед закрывающим тегом </head>.

Ручная установка кода
Ручная установка кода

Код вызова объявления нужно вставить непосредственно в сам документ. Он может иметь разную структуру, поэтому ориентируйтесь на теги <body>, которые обозначают начало и конец статьи.

Сложность этого шага в том, что AMP-страницы в плагинах формируются автоматически, а значит вы не сможете вставить рекламу в конкретную позицию документа. В стандартном случае вам доступны только следующие варианты:

  1. Перед заголовком. Код вставляется сразу за открывающимся тегом <body>.
  2. В конце статьи. Код вставляется непосредственно перед закрывающим тэгом </body>.
  3. Перед или после каждого элемента, который попадает в разметку AMP из стандартной верстки (картинок, списков, цитат). Найдите секцию кода плагина, отвечающую за вывод этих элементов, и вставьте код вызова рекламного блока.

У последнего решения масса недостатков: одинаковых элементов в статье может быть много (картинок, например), а блок будет вызываться только один, что не позволит правильно оценивать эффективность рекламы и точно приведет к ее избытку, если изображения вставлены друг за другом без разбивки текстовыми блоками.

Любой стандартный плагин можно дополнить специальным кодом, который будет считать абзацы (элементы разметки <p>) и вставлять рекламный блок после N-го элемента. Пример реализации подсчета параграфов:

", $body); //Добавляем в массив все имеющиеся параграфы в тексте

$p_number = 1; // Начало отсчета параграфов

/* Начало подсчета */
foreach($body as $amp_content){
  
echo $amp_content;

/* Вставляем рекламный блок после 4-го параграфа*/
if($p_number == '4'){
     echo'  
    
'; } /* Вставляем другой рекламный блок после 8-го параграфа*/ if($p_number == '8'){ echo'
'; /*Скопируйте и вставьте текст между этим и предыдущим комментарием, чтобы добавить рекламный блок после N-го параграфа. Замените '; $p_number++; // Закрываем тег параграфа и увеличиваем счетчик } /* Конец подсчета параграфов */

Если такой код вам не по силам, то просто доверьтесь автообъявлениям: замените код загрузки библиотек в <head> и вставьте вторую его часть, отвечающую за вывод автообъявлений, между тегами <body>. Google автоматически расставит рекламу на лучшие позиции на AMP-странице.

Яндекс-реклама на страницах AMP

Чтобы показывать рекламу из РСЯ на страницах AMP, нужно создать специальный RTB-блок. Для начала откройте пункт меню «Продукты».

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

Введите название подключенной к РСЯ площадки и RTB-блока, перейдите к следующему шагу:

Заполняем нужные поля при создании RTB-блока
Заполняем нужные поля при создании RTB-блока

Выберите специальный тип блока для AMP-страниц и перейдите далее:

Выбираем тип блока для AMP-страниц
Выбираем тип блока для AMP-страниц

Настройте дизайн блока и/или создайте несколько вариантов дизайна. Нажмите «Далее»:

Настраиваем дизайн
Настраиваем дизайн

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

Оставляем параметры без изменений
Оставляем параметры без изменений

Параметры стратегии монетизации также можно оставить без изменения до момента окончательной настройки рекламы на AMP-страницах. Нажмите «Создать», чтобы получить код рекламного блока.

Оставляем параметры стратегии монетизации без изменения
Оставляем параметры стратегии монетизации без изменения

Закройте «Мастер» и нажмите кнопку «Получить код» под новым блоком:

Код для вставки на сайт
Код для вставки на сайт

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

В дальнейшем этот код нужно либо вставить в специальное поле плагина, который осуществляет вывод рекламы на AMP-страницах, либо подключить вручную. В последнем случае добавьте его между тегами <body> в файле, отвечающем за создание специальной разметки для AMP. Внимание! В обоих случаях в заголовке должна обязательно присутствовать ссылка на загрузку стандартной AMP-библиотеки рекламных объявлений от Google.

Запустить монетизацию AMP-страниц при наличии готового решения очень просто: нужно лишь правильно создать рекламные блоки в панелях управления рекламными площадками. Однако и при отсутствии готовых плагинов, позволяющих поставить рекламу на AMP-страницы, интегрировать такую возможность в их код можно, даже не особенно разбираясь в программировании.


Комментарии
ДОБАВИТЬ КОММЕНТАРИЙ
Комплекс услуг для вашего бизнеса
Проанализируем ваши бизнес-цели, ваш бизнес, продукт и текущие продажи, и подберем варианты онлайн-продвижения, которые дадут лучший эффект. Опираемся на наш опыт в самых разных тематиках, т.к. наилучшее решение часто лежит в иной тематики, но которая решает схожую бизнес-задачу. Наша стратегия - готовый пошаговый план по внедрению, с деталями и референсами.
Сертифицированное агентство Яндекса

Обсудим задачи онлайн?
Telegram
WhatsApp
Добавили ваш email
в рассылку
Работающие инструменты SEO, интернет–рекламы, UX от
90 профессионалов
Директ Лайн — агентство интернет–маркетинга с 15-летним опытом, 1200+ клиентами и 50+ специалистами. Мы сами ведем этот блог. Раз в месяц пришлём самые интересные и полезные материалы.
  • #SEO
  • #интернет-реклама
  • #email-рассылки
  • #юзабилити сайта
  • #веб–разработка на bitrix
  • #кейсы
90 профессионалов
Раз в месяц
Без спама и СМС