Увійти за допомогою:
або

Ласкаво просимо до рекламного та маркетингового блогу BannerBoo

Статті, поради та секретні фішки від команди BannerBoo
header image
Як створити банерну рекламу HTML5 у 2021 році – покрокова інструкція

Як створити банерну рекламу HTML5 у 2021 році – покрокова інструкція

Чи знаєте ви, що менш ніж за п’ять років витрати на рекламу в Інтернеті зросли майже вдвічі? 299 мільярдів доларів було витрачено на глобальну інтернет-рекламу у 2019 році порівняно зі 156 мільярдами доларів у 2015 році. Попри розмови про «банерну сліпоту» та низький CTR медійної реклами, банерна реклама продовжує активно використовуватися маркетологами — а рекламодавцям залишається лише проявляти винахідливість, проводити різноманітні дослідження та шукати нові рішення.

299 мільярдів доларів США було витрачено на глобальну інтернет-рекламу в 2019 році порівняно зі 156 мільярдами доларів США в 2015 році

HTML5 визнано одним із найефективніших форматів банерів в онлайн-рекламі. Це поєднання зображень, анімації та тексту. Такі рекламні банери підходять для різних типів пристроїв, легко адаптуються до будь-якої платформи та мають відмінну візуальну роздільну здатність.

Як створити професійні банерні оголошення HTML5 за кілька хвилин

Створіть банер HTML5 за допомогою BannerBoo

Створення банерів HTML5 за допомогою BannerBoo

Створення банерів HTML5 може бути складним завданням для новачка. Тут ми даємо покрокові інструкції, як зробити якісну рекламу швидко і без знання мов програмування.

Крок 1. Зареєструйтеся та створіть обліковий запис у BannerBoo

Почніть зі створення облікового запису на вебсайт BannerBoo. Просто введіть свою електронну адресу та підтвердіть реєстрацію, перейшовши за посиланням в отриманому електронному листі.

bannerboo вхід у обліковий запис

Крок 2. Встановіть розміри рекламного банера

В особистому кабінеті натисніть «Створити банер», щоб перейти безпосередньо до конструктора реклами та отримати доступ до створення та редагування. На цьому етапі ми задаємо розміри майбутньої реклами. Якщо ви хочете дізнатися більше про розміри оголошення, ви можете прочитати Посібник Google щодо розмірів оголошень.

Найефективніші розміри оголошень

У нашому редакторі банерів є багато попередньо визначених розмірів для різних рекламних платформ і соціальних мереж. Ви також можете ввести власні параметри банерної реклами HTML5.

Крок 3. Створіть дизайн банера

Зліва ви побачите панель з усіма видами інструментів. Виберіть фон для свого оголошення, додайте зображення, текст, значок або кнопку. Для цього ви можете використовувати зображення та кольори з бібліотеки або завантажити власні зображення.

bannerboo створіть дизайн банера

Приклад створення анімованого банера в BannerBoo

BannerBoo піклується про своїх користувачів, тому ми підготували 12,000 рекламних шаблонів, які прискорять процес виготовлення банера! Ви також можете редагувати їх як завгодно!

Крок 4. Додайте текст оголошення та заклик до дії

Щоб написати текст на банері, скористайтеся відповідним інструментом «Текст», натисніть на потрібний стиль (заголовок, підзаголовок, загальний текст), і він з’явиться на робочій області. Потім двічі клацніть на ньому та введіть своє рекламне повідомлення. Шрифт, колір, інтервал між літерами, висоту рядка тощо можна редагувати у спадному меню.

bannerboo редагувати текст

BannerBoo розроблено з урахуванням потреб клієнтів і нагадує інші популярні редактори. Таким чином, наші розробники досягли простоти та інтуїтивно зрозумілого інтерфейсу. Все елементарно навіть для новачка!

Крок 5. Настав час анімованих банерів!

Застосовувати прості анімації легко: внизу ви побачите часову шкалу з кожним елементом банера, розподіленим за шарами. На початку і в кінці шару є кнопка «Додати анімацію», де можна вибрати будь-який потрібний ефект. Натиснувши на кнопку «Попередній перегляд», ви відразу побачите, як буде виглядати ваш банер. Якщо ви не хочете включати анімацію, ви можете «вбити» всі ефекти та завантажити своє оголошення як статичний банер.

bannerboo анімація банеру

Застосування простої анімації за допомогою інструментів BannerBoo

Крок 6. Запустіть свою рекламну кампанію онлайн

Натисніть «Зберегти» та «Опублікувати», виберіть «Експортувати в ZIP» і отримайте код HTML5 у ZIP-файлі, який можна розмістити на сайті або завантажити на рекламну платформу. Ви також можете завантажити цілі рекламні кампанії одним клацанням миші — скористайтеся значком «шестерні» в папці вашої кампанії.

bannerboo запуск кампанії

Ви можете створювати адаптивні рекламні банери за допомогою налаштувань адаптивного макета, установивши прапорець біля пункту «Адаптивний банер».

Випробуйте наш простий та легкий у використанні онлайн-конструктор HTML5 банерів прямо зараз — безкоштовно!

« Назад до списку
Подібні статті:
Де знайти шаблони рекламних банерів і як їх використовувати?
Де знайти шаблони рекламних банерів і як їх використовувати?
100 найважливіших даних рекламної статистики за 2022 рік
100 найважливіших даних рекламної статистики за 2022 рік
Оформіть преміум підписку
Upgrade icon
Розкрийте свій творчий потенціал за допомогою нашої преміальної підписки!

Відкрийте скарбницю кліпартів, професійних шаблонів та ексклюзивних можливостей брендингу. Завдяки універсальним форматам експорту та набору потужних функцій ви зможете підняти ваші дизайни реклами на нову висоту.

Оформіть передплату прямо зараз і повністю розкрийте свій творчий потенціал!
Уууупс!
Нам дуже прикро, та, на жаль, ваш браузер використовує плагін типу Ad blocker. Оскільки BannerBoo є інструментом для створення та управління банерами, а ad blocker дуже ускладнює вашу роботу по створенню банерів, використовуючи наш сервіс.

Будь ласка, додайте *.bannerboo.com* в список виключень або відключіть ad blocker.