Веб-истории – это формат объявлений с открытым исходным кодом, позволяющий создавать иллюстрированные сюжеты. С помощью Менеджера рекламы вы можете размещать собственные креативы на страницах с веб-историями. В частности, для этого подойдут принадлежащие вам ресурсы и Google Поиск.
В многостраничные веб-истории можно включать объявления, занимающие целую страницу.
Подробнее о веб-историях:
- Реклама в веб-историях
- Создание веб-истории
- Рекомендации по созданию объявления-рассказа
- Поддержка рекламы в веб-историях
Вы также можете включить алгоритмическую продажу рекламы в веб-историях.
Настройка веб-историй
Для показа одностраничного объявления в веб-истории нельзя использовать тег <amp-ad>
. Размещайте рекламный блок в веб-истории с помощью тега <amp-story-auto-ads>
.
Показ собственных креативов в веб-историях
Используя собственные креативы в Менеджере рекламы, издатели и рекламодатели могут показывать в веб-историях изображения и видео.
- Войдите в Google Менеджер рекламы.
- Создайте собственный креатив и выберите тип кода AMP.
- Введите код креатива в поле кода. Включите в него приведенные ниже теги
<meta>
, чтобы добавить кнопку с призывом к действию. Нажав на нее, пользователи будут переходить на целевую страницу.Показываться в веб-истории могут и другие расширения AMP, такие какamp-sidebar
иamp-accordion
, но нажатие на них ни к чему не приведет.amp-cta-url
– URL целевой страницы для кнопки с призывом к действию. Анкеры не поддерживаются, поэтому вставлять значения следует с помощью макроса отслеживания кликов (%%CLICK_URL_UNESC%%
) и макроса целевого URL (%%DEST_URL%%
).amp-cta-type
– вид кнопки с призывом к действию. Для ее настройки можно использовать лишь ряд стандартных вариантов.
<!DOCTYPE html> <html amp4ads> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1"> <meta name="amp-cta-url" content="%%CLICK_URL_UNESC%%%%DEST_URL%%"> <meta name="amp-cta-type" content="EXPLORE"> <style amp4ads-boilerplate> body { visibility:hidden } </style> <style amp-custom> amp-img {height:100vh;} amp-img img {object-fit: contain} </style> <script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script> </head> <body> <amp-img src=%%FILE:JPG1%% layout="fill" height="1280" width="720"></amp-img> </body> </html>
- В качестве размера целевого рекламного блока выберите 1x1.
- Задайте настройки и нажмите Сохранить.
Передача дополнительных атрибутов
Если вы хотите к созданному тегу <amp-ad>
добавлять информацию о таргетинге или иной дополнительный атрибут, ознакомьтесь с документацией для разработчиков автоматизированных объявлениях в веб-историях. Обратите внимание на дополнительные пары "ключ-значение" для объекта JSON ad-attributes
.