Как использовать AMP-страницы в качестве целевых страниц Google Рекламы

Быстрая загрузка целевых страниц обычно приводит к увеличению количества конверсий, а AMP – это отличный способ создавать привлекательные целевые страницы Google Рекламы, которые загружаются быстрее. На сайте amp.dev веб-разработчики могут найти ресурсы, необходимые для создания привлекательных и эффективных страниц. В этом пошаговом руководстве описано, как использовать Google Рекламу и другие рекламные технологии на AMP-страницах.

Шаг 1. Создайте и проверьте AMP-страницы

Создание AMP-страниц

Чтобы узнать, как создать простую AMP-страницу, ознакомьтесь с руководством Создание первой AMP-страницы. Чтобы получить более подробные пошаговые инструкции, ознакомьтесь с руководствами Преобразование HTML в AMP и Добавление расширенных функций AMP. Образцы кода и шаблоны AMP-компонентов можно найти на страницах Примеры сайтов, созданных с помощью технологии AMP и Шаблоны AMP.

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

  • amp-bind: добавляет настраиваемую интерактивность с отслеживанием состояния на основе событий, похожих на JavaScript.
  • amp-form – позволяет создавать целевые страницы, на которых пользователю нужно вводить данные.
  • amp-list – динамически извлекает контент из конечной точки CORS JSON.
  • amp-carousel – карусель изображений для прокрутки галереи изображений.
  • amp-lightbox – позволяет показывать компонент в полноэкранном режиме при взаимодействии с ним.
  • amp-call-tracking – динамически заменяет номер телефона в гиперссылке для отслеживания звонков.
  • amp-mustache – позволяет выполнять рендеринг с помощью Mustache.js.
  • amp-date-picker – виджет для выбора дат. Окно выбора даты может отображаться как оверлей, связанный с полями ввода, или как статический виджет календаря.

Проверка AMP-страниц

В процессе разработки убедитесь, что ваши AMP-страницы соответствуют спецификации AMP. Существует несколько способов проверки AMP-страниц. Самый распространенный способ проверки AMP-страниц – использование веб-валидатора AMP или инструмента проверки AMP-страниц в Search Console. Вы также можете использовать расширение AMP Validator для Chrome и консоль разработчика или интегрировать модуль amphtml-validator npm в свою сборку.

Если вам нужна помощь с тестированием AMP-страниц, посетите страницу поддержки AMP.

Шаг 2. Настройте AMP для отслеживания конверсий и аналитики

Для отслеживания конверсий Google Рекламы используйте компонент amp-analytics. Подробнее о том, как настроить отслеживание конверсий Google Рекламы для целевых AMP-страниц…

Google Аналитика

Google Аналитика – одно из решений, поддерживаемых компонентом amp-analytics. Чтобы объединить сеансы на AMP-страницах и обычных страницах, следуйте инструкциям в статье Как настроить объединение сеансов для AMP-страниц в Google Аналитике.

Google Менеджер тегов

Компонент amp-analytics имеет встроенную поддержку Google Менеджера тегов. Помимо конверсий Google Рекламы, с помощью Google Менеджера тегов можно добавлять теги ремаркетинга, Floodlight и других сервисов отслеживания. Ознакомьтесь с полным списком совместимых тегов.

Adobe Analytics

Adobe Analytics предлагает два способа реализации решения для отслеживания эффективности сайта с помощью компонента amp-analytics: iframe (adobeanalytics_nativeConfig) и без iframe (adobeanalytics). О преимуществах, недостатках и особенностях реализации каждого подхода читайте в документации по AMP Adobe Analytics.

Для отслеживания действий и событий пользователей можно использовать компонент amp-analytics. Google Аналитика для AMP поддерживается более чем 40 поставщиками аналитических услуг. Фреймворк отличается гибкостью и позволяет отслеживать и активировать URL с помощью специальных конфигураций, чтобы отправлять аналитическую информацию на собственные серверы или поставщикам, которые не поддерживают AMP. Если вы используете неподдерживаемую технологию, попросите поставщика добавить поддержку.

В Google Аналитике для AMP также предусмотрена гибкая подстановка переменных. Подробную информацию вы найдете в документации.

Шаг 3. Включите показ AMP-объявлений в интерфейсе Google Рекламы

В Google Поиске AMP-страницы обнаруживаются автоматически по ссылкам на ваших страницах, но в Google Рекламе рекламодатели должны указывать URL AMP-страниц вручную. Подробные инструкции по настройке URL AMP-страниц в интерфейсе Google Рекламы приведены в статье Как использовать AMP-страницы с Google Рекламой.

Если вы хотите направлять рекламный трафик Google Рекламы на целевую AMP-страницу, но не хотите, чтобы она появлялась в результатах органического поиска, добавьте директивы Disallow для нужных AMP-страниц в файл robots.txt, как и для любой обычной веб-страницы.

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