Использование AMP для целевых страниц Google Рекламы

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

Шаг 1: Создание и проверка AMP-страниц

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

Чтобы научиться создавать базовую AMP-страницу, начните с руководства «Создание вашей первой AMP-страницы» на сайте AMP Project. Для более подробного пошагового руководства пройдите руководства «Преобразование 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-страницы — использование веб-валидатора или валидатора Google Webmaster Tools . Вы также можете использовать плагин для браузера Chrome и консоль разработчика, или интегрировать модуль npm amphtml-validator в свою сборку.

Вы также можете использовать AMPBench — веб-приложение и сервис с открытым исходным кодом для проверки и отладки проблем, связанных с развертыванием AMP-страниц.

Для получения поддержки по тестированию AMP посетите страницу «Получение поддержки» на сайте проекта AMP.

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

Используйте компонент amp-analytics для отслеживания конверсий в Google Ads. Чтобы узнать, как это настроить, следуйте инструкциям в разделе «Настройка измерения конверсий Google Ads для целевых страниц AMP» .

Google Аналитика

Google Analytics — одно из поддерживаемых решений для аналитики в AMP-analytics . Чтобы включить унифицированное объединение сессий на страницах AMP и не-AMP, выполните действия, описанные в разделе «Настройка унификации сессий Google Analytics для AMP» .

Google Tag Manager

Компонент amp-analytics имеет встроенную поддержку Google Tag Manager . Помимо конверсий Google Ads, вы можете использовать Google Tag Manager для добавления ремаркетинга, DoubleClick Floodlight, Google Universal Analytics и аналогичных инструментов измерения. Полный список совместимых тегов см. в соответствующем разделе.

Adobe Analytics (ранее известная как Omniture)

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

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

Аналитическая система AMP также позволяет гибко заменять переменные; подробности см. в документации по замене переменных .

Шаг 3: Включите AMP-показ в пользовательском интерфейсе Google Ads.

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

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

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