Введение в рекламу AMPHTML

Important: this documentation is not applicable to your currently selected format stories!

Что такое реклама AMPHTML?

Реклама AMPHTML — это более быстрый, легкий и безопасный способ размещения рекламы в Интернете. Хотя AMP-страницы поддерживают традиционную HTML-рекламу, такая реклама может отличаться медленной загрузкой. Чтобы сделать рекламу такой же быстрой, как и остальные AMP-страницы, вы можете создавать рекламу на AMPHTML. Реклама на AMPHTML показывается только после валидации, что гарантирует ее безопасность и эффективность. Более того, эта реклама может быть размещена не только на AMP-страницах, а в любом месте в Интернете.

Реклама AMPHTML пишется на AMP HTML в соответствии со спецификацией рекламы AMPHTML (специальная версия AMP HTML с добавлением CSS). Это означает, что у рекламы больше нет возможности запускать произвольный JavaScript, который традиционно является основной причиной низкой производительности рекламы. Поэтому, как и в базовом AMP, основные сценарии использования JavaScript в рекламе встроены прямо в AMP, что гарантирует согласованную модель поведения рекламы.

Преимущества

Почему реклама AMPHTML лучше, чем традиционная реклама?

Быстрее: реклама AMPHTML быстрее, потому что реклама запрашивается на более раннем этапе рендеринга страницы, и отображается непосредственно перед тем, как пользователь увидит ее. Уменьшенный размер файла рекламы AMPHTML также позволяет увеличить скорость.
Легче: реклама AMPHTML сочетает в себе часто используемые функции рекламы, что уменьшает размер файла рекламы. Находясь на странице, реклама AMPHTML также потребляет меньше ресурсов. Например, в случае с обычной рекламой на странице может быть 10 трекеров, запрашивающих индивидуальную информацию; реклама AMPHTML же загружает все требуемые данные за один заход и распределяет их среди любого количества заинтересованных трекеров.
Координируемая: на AMP-страницах среда выполнения AMP может выполнять координацию ограниченных ресурсов мобильного телефона, направляя их в нужный компонент в нужное время, чтобы обеспечить наилучшее взаимодействие с пользователем. Например, реклама AMPHTML с анимацией приостанавливается, когда она не отображается в текущем окне просмотра.
Более вовлекающая: пользователи не могут взаимодействовать с рекламой, которую они не видят. Реклама, которая загружается быстрее, обеспечивает более высокую видимость и, следовательно, дает более высокую кликабельность, что в конечном итоге приводит к повышению эффективности рекламы.
Защищенная от вредоносных программ: с помощью рекламы AMPHTML невозможно распространять вредоносное ПО, поскольку реклама проверяется перед выдачей. Благодаря этому рекламодатели могут гарантировать безопасное взаимодействие с пользователем и позитивное восприятие бренда.
Более гибкая: помимо AMP-страниц реклама AMPHTML может работать на обычных (не-AMP) страницах, а также совместима с любыми устройствами.

Форматы

Реклама AMPHTML является гибкой и динамичной, что позволяет использовать разнообразные форматы креативов, такие как карусель, параллакс и лайтбокс. Убедитесь в этом сами, попробовав шаблоны рекламы AMPHTML с открытым исходным кодом, размещенные в разделе Примеры.


Карусель	Видео Параллакс	Lightbox

Как работает реклама AMPHTML

Serving AMPHTML ads to AMP pages

Издатели вставляют рекламное место на свою AMP-страницу с помощью тега amp-ad, указывая рекламную сеть, которую они хотят использовать.
Среда выполнения AMP отправляет запрос в указанную рекламную сеть для получения рекламы. Рекламные сети, способные показывать рекламу AMPHTML, обеспечивают реализацию метода Fast Fetch, которая проверяет и подписывает рекламное объявление.
Рекламная сеть в ответном сообщении отправляет рекламное объявление AMPHTML, а среда выполнения AMP отображает его на AMP-странице.

Для показа объявлений AMPHTML на обычных (не-AMP) страницах не требуется специальных интеграций. Свяжитесь со своей рекламной сетью, чтобы узнать, предлагает ли она поддержку рекламы AMPHTML.

Показ рекламы AMPHTML

Издатели

Для показа рекламы AMPHTML путем прямой продажи необходимо создавать рекламу в соответствии со спецификацией рекламы на AMPHTML и доставлять ее с рекламного сервера, который поддерживает показ рекламы AMPHTML. В настоящее время рекламу AMPHTML поддерживают следующие рекламные серверы:

DoubleClick for Publishers
TripleLift
Dianomi
Adzerk
Google AdSense

Чтобы показывать рекламу AMPHTML посредством непрямых каналов (например, биржи рекламы, SSP и т. п.), используйте рекламную сеть или рекламный сервер из следующего списка.

Креативные агентства

Если вы являетесь креативным агентством, вам следует создавать рекламу в соответствии со спецификацией AMPHTML. Чтобы ознакомиться с примерами и получить материал для вдохновения, ознакомьтесь с open-source шаблонами рекламы AMPHTML в разделе Примеры. Как вариант, для создания рекламы AMPHTML можно использовать следующие инструменты:

Celtra Ad Creator
Google Web Designer
Adobe Animate (скоро)

Рекламные сети / серверы

Чтобы размещать рекламу AMPHTML на AMP-страницах, вам потребуется создать для своей сети специальное расширение amp-ad (если у вас его еще нет), в котором используется реализация запроса рекламы Fast Fetch. Обратитесь к разделу Интеграция с AMP для показа визуальной рекламы. Для показа AMPHTML на обычных (не-AMP) страницах не требуется никакой специальной интеграции.

Создание рекламы AMPHTML

С нуля: реклама AMPHTML должна соответствовать спецификации рекламы на AMPHTML. Демонстрации и примеры можно посмотреть в open-source шаблонах рекламы AMPHTML в разделе Примеры.

С помощью инструментов: для создания рекламы на AMPHTML можно использовать любой из следующих инструментов:

Celtra Ad Creator
Google Web Designer
Adobe Animate (скоро)

Проверка синтаксиса рекламы AMPHTML

После создания рекламы AMPHTML следует убедиться, что в ней используется правильный синтаксис AMPHTML. В зависимости от среды разработки существует несколько способов валидации рекламы AMPHTML:

Используйте NPM-модуль валидации AMP в своем процессе непрерывной интеграции.
Используйте AMP-валидатор для разового тестирования.
Зарегистрируйтесь на Cloudflare и используйте их публичную конечную точку валидатора.

ПРИМЕЧАНИЕ. Чтобы быстро отображать рекламу AMPHTML на AMP-страницах (т. е. использовать режим предпочтительного рендеринга в Fast Fetch), в ней должен использоваться корректный синтаксис. При неправильном синтаксисе реклама все равно будет отображена, но не так быстро.

Поддержка рекламы AMPHTML в среде RTB

Информация для платформ SSP и рекламных бирж, которые хотят реализовать поддержку рекламы AMPHTML в среде ставок в реальном времени (RTB), размещена в руководстве по внедрению для рекламных бирж RTB.

Вопросы и ответы

Можно ли ознакомиться с образцами рекламы на AMPHTML?

Да. Ряд отличных шаблонов рекламы на AMPHTML можно найти в разделе Примеры. В этих примерах используется ряд сложных AMP-компонентов.

Поддерживает ли реклама AMPHTML стороннюю проверку и контроль видимости?

Да, реклама AMPHTML имеет встроенную поддержку контроля видимости и проверок с помощью amp-analytics (например, таким образом интегрируется Google ActiveView). Есть и другие поставщики (например, MOAT), которые активно внедряют поддержку этого метода.

Поддерживает ли реклама AMPHTML анимацию на временной шкале?

Да. Обратитесь к описанию amp-animation.

В большей части форматов рекламы имеются нажимаемые цели и настраиваемые способы закрытия рекламы. Есть ли подобный механизм у рекламы AMPHTML?

Да. См. amp-ad-exit.

Я не могу найти то, что мне нужно, где можно задать вопросы?

Stack Overflow — рекомендуемый нами способ искать ответы на вопросы об AMP. Поскольку члены сообщества AMP Project регулярно просматривают Stack Overflow, получить самый быстрый ответ на свои вопросы, скорее всего, можно именно там.
Присоединяйтесь к Slack-каналу #a4a-discuss, чтобы получить решения и ответы.
Если вы столкнулись с ошибкой в AMP или у вас есть запрос функции для AMP, сообщите нам об этом (см. раздел Как сообщать о проблемах в AMP).