Автоматическое заполнение html баннеров, сделанных в программах Animate и Google Web Design

Выберите технические требования
из списка

Выберите площадку

Adriver

Avito.ru

Adfox

Buzzoola

Google.com

Mail.ru

Rambler.ru

Rbc.ru

Weborama

Yandex.ru

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

Автоматическое заполнение zip архивов с баннерами под технические требования площадок

Сервис позволяет автоматически подготовить zip архивы с html5 баннерами, созданными в Adobe Animate и Google Web Designer по техническим требованиям популярных рекламных площадок. Система прописывает баннеры созданные на настройках по умолчанию (“default”),то есть те, в которые не вписаны никакие технические требования. Ниже вы найдете краткую инструкцию и пояснения, как подготовить баннер в программах Adobe Animate и Google Web Design, чтобы прописывать баннера по техническим требованиям автоматически.

Срок хранения рекламных материалов после обработки - 15 минут.
Загружая баннеры на страницу, вы соглашаетесь, что они будут храниться и обрабатываться на стороне сервиса.

Как использовать сервис для автоматической прошивки баннеров?

Загрузите до 25 zip-архивов в поле drag&drop

Скриншот поля Drag&Drop загрузки html баннеров для автоматического заполнения технических требований

Выберите площадку, под технические требования которой вы хотите адаптировать ваши html баннеры

Скриншот выбора технических требований площадок

Перед обработкой zip архивов, проверьте, чтобы все необходимые для автоматического заполнения баннеры были в списке, а также при необходимости можно удалить лишние

Скриншот загруженных позиций zip архивов html баннеров

При необходимости установите флаги, указывающие, что ваш баннер является растяжкой по ширине или высоте, нажав на соответствующие иконки

Скриншот кнопок-указателей для включения и выключения параметров растягивания zip баннера

Запустите автоматическую прошивку html баннеров

Скриншот кнопки старта обработки загруженных zip архивов

Скачайте готовые архивы к себе на компьютер

Скриншот кнопки для скачивания обработанных и прописанных по техническим требованиям zip архивов

Обязательно перепроверьте результат на главной странице bannersbox.ru. Убедитесь, что автоматическая прошивка html баннера отработала корректно

Скриншот поля Drag&Drop загрузки html баннеров для автоматической проверки баннеров на валидность техническим требованиям

Как подготовить баннер с дефолтными настройками в программе Adobe Animate

Создайте html файл в программе Abobe Animate с необходимыми для вас размерами

Скриншот программы Adobe Animate. Вкладка создания баннера

Во вкладке "Properties" нажмите кнопку "Publish Settings"

Скриншот программы Adobe Animate. Инструкция по работе с вкладкой Properties

В открывшемся окне, во вкладке "Basic" поставьте следующие настройки: отключите "Export document as texture", нажмите на иконки "папок" (чтобы они выглядели отключенными), убедитесь, что стоит галочка "Combine images in spritesheet"

Скриншот программы Adobe Animate. Окно Publish Settings, настройка вкладки Basic

Во вкладке "HTML/JS" используйте следующие настройки: нажмите на кнопку "Use Default" и убедитесь, что после фразы "Template for publishing HTML:" стоит фраза "Default Template"

Скриншот программы Adobe Animate. Окно Publish Settings, настройка вкладки HTML/JS

Подтвердите настройки вашего html баннера. В будущем все копии вашего баннера с этими настройками будут готовы для автоматической заполнения техническими требованиями площадок

Скриншот программы Adobe Animate. Подтверждение выбранных настроек

Как подготовить баннер с настройками "по умолчанию" в программе Google Web Design

Нажмите на кнопку "Создать файл"

Скриншот программы Google Web Design. Вкладка создания баннера

В открывшемся окне укажите название файла и его расположение. Для стабильной работы автоматического заполнения, выберите в поле "Размеры" пункт "Пользовательские" и укажите размеры баннера в полях "Ширина" и "Высота"

Скриншот программы Google Web Design. Настройка пустого файла

Подтвердите настройки баннера и переходите к анимации. Теперь с этими настройками html баннеры будут готовы для автоматической адаптации на сервисе bannersbox

Скриншот программы Google Web Design. Подтверждение настроек