Если вы настроили нативные объявления, то можете применить к ним стили. В статье ниже рассказывается о том, какие настройки необходимы, а какие – необязательны.
Чтобы применить стиль к нативному объявлению, вы можете использовать:
Умный конструктор стилей
В Умном конструкторе стилей вы можете создавать нативный стиль для объявления, соответствующий внешнему виду вашего сайта или приложения, используя обычные элементы управления. Изменения можно сразу проверить с помощью предварительного просмотра объявления.
Советы по использованию Умного конструктора стилей
Размер при предварительном просмотре
Если при создании стиля выбрать вариант размера "Гибкий", вы сможете изменить настройку "Ширина в режиме предварительного просмотра", чтобы увидеть, как объявление будет выглядеть на разных экранах. Изменить ширину можно в настройках на синей панели рядом с окном предварительного просмотра. Высота регулируется автоматически.
Как менять расположение элементов
Нажмите Изменить порядок элементов, чтобы показать или скрыть элементы на каждой карточке из панели справа либо разместить их по-другому. К примеру, можно расположить призыв к действию над названием компании, которую вы рекламируете, или удалить ее логотип.
Панель "Добавить стиль для нативного объявления"
Панель "Добавить стиль для нативного объявления" позволяет изменять настройки стиля. Так, если развернуть раздел "Заголовок", вы сможете выбрать, будет ли использоваться длинный заголовок (90 символов) или короткий (30 символов).
- Archivo
- Arial
- Arimo
- Bitter
- Comic Sans
- EB Garamond
- Geneva
- Georgia
- Helvetica
- Lato
- Libre Baskerville
- Libre Franklin
- Lora
- Merriweather
- Montserrat
- Mukta
- Muli
- Nunito
- Open Sans
- Open Sans Condensed
- Oswald
- Playfair Display
- Poppins
- Raleway
- Roboto
- Roboto Condensed
- Roboto Slab
- Slabo 27px
- Source Sans Pro
- Times New Roman
- Trebuchet
- Ubuntu
- Verdana
- Volkhov
Настройка стиля с помощью редактора CSS
- После исправлений в коде CSS вы не сможете вносить изменения через интерфейс.
- Если нарушить правила при редактировании CSS, нативный стиль не будет допущен к аукциону Ad Exchange, но сможет показываться в рамках гарантированных позиций с алгоритмической продажей.
- Работать с кодом HTML в Умном конструкторе стилей нельзя. Если вам нужна более гибкая настройка, вы можете перейти в раздел Редактор HTML и CSS (в этом случае на инвентаре не будут поддерживаться алгоритмические продажи).
Если вы хотите изменить непосредственно код CSS, сдвиньте вправо переключатель Стиль в редакторе CSS.
После этого необходимо нажать кнопку Проверить, чтобы убедиться в соответствии стиля правилам Ad Exchange.
Код HTML и CSS
Вы решили создавать нативный стиль, используя Редактор HTML и CSS? В этом случае для того, чтобы задать стиль нативного объявления в соответствии с оформлением вашего сайта или приложения, вам нужно будет работать с кодом HTML и CSS. Изменения будут сразу отражаться в области предварительного просмотра.
Советы по работе с Редактором HTML и CSS
Размер при предварительном просмотре
Если при создании стиля выбрать вариант размера "Гибкий", вы можете изменить настройку "Ширина в режиме предварительного просмотра", чтобы увидеть, как объявление будет выглядеть на разных экранах. Изменить ширину можно в настройках на синей панели рядом с окном предварительного просмотра. Высота регулируется автоматически.
Тип отрисовки
Укажите, должны ли нативные объявления быть оптимизированы для AMP-страниц. Помните: если в настройках объявления выбран гибкий размер, то здесь будет доступен только вариант "Стандартный".
- Стандартный. Нативные объявления можно показывать на обычных и мобильных сайтах, а также в приложениях. Такие объявления подходят для AMP-страниц, но загружаются медленнее, чем созданные с использованием функции "AMP".
- AMP. AMP-объявления быстро загружаются на AMP-страницах, однако подходят и для обычных.
- Стандартный код и код AMP. Вы можете создать нужные версии нативного объявления, добавив разные варианты кода. Менеджер рекламы будет показывать AMP-версию на AMP-страницах и стандартную – на обычных. Узнайте, как добавлять фрагменты кода в объявления с помощью контейнеров креативов.
Панель "Добавить стиль для нативного объявления"
На панели справа можно переходить к разделам для редактирования HTML и CSS. В Справочном центре рассказывается, как добавить код для нативных объявлений.
Добавление внутренней универсальной ссылки iOS в код HTML
Внутренняя универсальная ссылка iOS позволяет переходить к нужному контенту в приложении для iOS. Чтобы можно было использовать такую ссылку в нативном креативе, добавьте в код HTML макрос %%ONE_CLICK_HANDLER_TARGET%%, как в этом примере:
Дальнейшие действия
Закончив настраивать стиль, нажмите одну из двух кнопок:
- Сохранить и активировать. После этого стиль получит статус "Активно", и его можно будет использовать при показе объявлений.
- Сохранить. Созданный стиль получит статус "Неактивно" и пока не будет использоваться в объявлениях. Позже вы можете открыть таблицу нативных стилей, выбрать его и нажать Активировать.
Рекомендуем вам прочитать о том, как добавить нативный стиль в определенную позицию.
