Как создать адаптивный баннер (Create Responsive Ad)

Шаг 1: Создание нового адаптивного баннера.

Чтобы создать адаптивный баннер, нажмите кнопку Create и выберите Responsive Ad.

Шаг 2: Выбор размера.

После нажатия появится всплывающее окно с выбором размеров. На этом этапе нужно выбрать один из предустановленных размеров из списка. Если нужного размера нет, можно воспользоваться поиском или создать собственный:

• Нажмите кнопку Custom Size в правом верхнем углу

• В появившемся окне укажите ширину и высоту (например, 970x250)

• Нажмите Create and go to builder, чтобы открыть редактор

Шаг 3: Редактирование дизайна.

Процесс создания дизайна аналогичен обычным баннерам, но добавлены новые настройки для элементов Flexible Layout:

• Закрепление сторон элемента – позволяет фиксировать элемент по краям контейнера

• Scale by width / Scale by height – позволяет адаптировать размер элемента при изменении размеров баннера

• Scale Behavior – выбор поведения элемента при адаптации:
  – Stretch – элемент растягивается в соответствии с размером контейнера
  – Shrink to Fit – элемент уменьшается, чтобы поместиться в доступное пространство

• Zoom contents – масштабирует содержимое элемента в зависимости от изменения размеров

Шаг 4: Просмотр.

Когда дизайн готов, вы можете просмотреть анимацию, нажав кнопку Play (треугольник в верхней панели посередине).

Чтобы посмотреть адаптивность баннера:

1. Нажмите на размер баннера в нижнем левом углу.

2. Откроется новая вкладка в браузере, где вы сможете проверить, как баннер адаптируется при изменении ширины и высоты окна.

Шаг 5: Экспорт.