Обсудим ваш проект?

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


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

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

Как медийные объявления 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 подберет лучшие, по его мнению, места для показа рекламы на вашем сайте. С помощью переключателей справа настройте показ автообъявлений, настройте их формат и удалите в окне просмотра ненужные блоки. Сохраните изменения и получите код для вставки на сайт.

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

  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-страницы, интегрировать такую возможность в их код можно, даже не особенно разбираясь в программировании.


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

Сертифицированное агентство Яндекс 2020

ТОП-30
В топ-100 агентств контекстной рекламы России

1 место
Рейтинг агентств контекстной рекламы Новосибирска

Золотая сотня
Российского Digital