Logiss.ru

Ваша компьютерная помощь
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как сделать баннер онлайн

Создание баннеров для сайта: 4 Способа и 5 Бесплатных сервисов

Создание баннеров для сайта это то, с чем сталкивается каждый владелец сайта. Поэтому, в этой статье мы расскажем о секретах создания успешного баннера для веб-сайта. Кроме того, мы рассмотрим методы создания баннера как онлайн, так и офлайн. Нет времени терять. Давайте начнем!

Создание баннеров для сайта

Фактически, онлайн-баннер выполняет те же функции, что и билборд на улице. Его миссия — рекламировать продукт или услугу. Однако интернет значительно упрощает жизнь клиентов. Просто нажав на баннер, вы будете перенаправлены на сайт, где продается рекламируемый продукт. Кроме того, онлайн-баннеры лучше привлекают внимание клиентов с помощью анимации и других визуальных эффектов. Стандартный размер 468х60.

Как правило, баннер обычно состоит из трех элементов:

  • Изображение на заднем плане. Например, если вы продвигаете свой кулинарный блог, рекомендуется использовать изображение аппетитного блюда на заднем фоне баннера;
  • Логотип. Корпоративный логотип связывает ваш баннер с вашим брендом, заставляя покупателя воспринимать их как единое целое;
  • Текст или слоган. Разместив слоган на своем баннере, вы можете рассказать клиенту, какие услуги вы предоставляете, в чем заключается ваша миссия, какими принципами вы руководствуетесь и т. Д. Вместо слогана вы можете добавить в него кнопку с призывом к действию. ваших корпоративных цветов.

Вместо того, чтобы создавать свой баннер десятков размеров, подходящих для любой ситуации, придерживайтесь наиболее часто используемых размеров (в пикселях): 336×280, 300×250, 728×90, 160×600 и 300×600.

Создание баннера для сайта онлайн: Основные размеры

Давайте рассмотрим каждый из этих размеров более подробно:

  • Баннеры 300×250 пикселей и 336×280 пикселей отлично работают внутри или в конце статьи;
  • 728×90 пикселей представляет собой классический прямоугольник, который лучше всего смотрится в верхней части страницы;
  • Баннер 300×600 пикселей идеально подходит для рекламы, в которой основное внимание уделяется визуальным элементам, а не тексту;
  • Баннер 320×100 пикселей — идеальный выбор для мобильной версии вашего сайта.

Что касается анимированных баннеров, вы можете выбирать между форматами Flash и HTML5. Однако мы рекомендуем использовать последнее как более популярное и универсальное решение.

К счастью для бизнесменов, баннер можно создать более чем одним способом. Ниже мы остановились на основных методах создания баннеров:

Как создать баннер для сайта: Наймите дизайнера

Если у вас есть деньги, чтобы нанять квалифицированного дизайнера, вам повезло, чем большинству начинающих предпринимателей! Основная задача здесь — найти профессионала, который воплотит ваши идеи в жизнь. Найти их можно среди знакомых, друзей или на биржах фриланса. Например, на таких сайта, как Weblancer, Work-zilla, Freelancehunt и тд. На Work-zilla есть люди, которые сделают баннер всего за 500 руб. Однако следует отметить, что цены сильно различаются от дизайнера к дизайнеру.

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

Используйте программное обеспечение для графического дизайна

Если у вас есть время и желание, то вы можете создать баннер для сайта с помощью специального программного обеспечения. Хотя этот метод, безусловно, требует времени, он может сэкономить вам много денег. Наряду с вдохновением вам понадобится еще и программа графического дизайна. Это может быть любое программное обеспечение, с которым вы привыкли работать. Например, Photoshop, GIMP, Power Point и тд.

Если вы никогда не открывали графический редактор, никогда не поздно научиться! Необходимость создать баннер может стать отличным предлогом для приобретения нового навыка. Сегодня YouTube предлагает сотни руководств по работе в графических редакторах разного уровня сложности. Например, вот несколько видео-руководств по рисованию баннера в Photoshop:

Создание баннеров для сайта: Power Point

Если вы думаете, что Microsoft PowerPoint подходит только для презентаций, то вы ошибаетесь. Это универсальное программное обеспечение также имеет инструменты для создания как статических, так и анимированных баннеров!

Создать баннер в PowerPoint до смешного просто. Вот как это сделать:

  1. Откройте программу PowerPoint;
  2. В верхнем меню нужно выбрать: Шаблон -> Новый слайд -> Изменить шаблон;
  3. Далее выберете: Дизайн -> Размер слайда -> Изменить размер слайда… -> Баннер;
  4. Добавьте текст, изображения и тд. Для лучшего распознавания мы рекомендуем придерживаться корпоративных цветов и шрифтов;
  5. Также добавьте логотип своей компании, если он у вас есть нажав: Вставить -> Изображения. Выберите файл с логотипом и загрузите его со своего компьютера;
  6. Нажмите кнопку F5 на клавиатуре, чтобы просмотреть баннер;
  7. Сохраните ваш баннер на компьютере.

Также вы можете выбрать готовые варианты баннеров, которые предлагает программа PowerPoint.

Баннер для сайта онлайн бесплатно: Используйте онлайн-генератор

Что делать, если нет ни бюджета, ни навыков рисования? Тогда вам помогут специальные онлайн-сервисы, которые помогут вам бесплатно создавать баннеры. Во-первых, нужно выбрать формат и форму вашей будущей конструкции. Затем вы можете добавить свой логотип (или любое другое изображение), текст, призыв к действию и т.д. Все элементы дизайна (шрифт, цвета и т.д) можно настраивать. Взгляните на 5 популярных генераторов баннеров для сайта:

Читайте так же:
Скачать Адобе Анимейт последнюю версию

Canva — это простой и удобный инструмент для создания баннеров. Благодаря огромному выбору шаблонов и нестандартных форм Canva превращает сложную задачу создания баннера в увлекательное время провождение.

Fotor banner maker — еще одна мощная веб-платформа с интуитивно понятным интерфейсом. Помимо обычных баннеров, Fotor предлагает большой выбор смелых решений для любого бизнеса. Кроме того, его инструменты настройки действительно потрясающие!

Pixlr похож на Photoshop, но с улучшенным интерфейсом. Вы будете удивлены, обнаружив большой выбор фильтров и инструментов редактирования.

Picmonkey также заслуживает места в нашем списке. Но вот в чем фокус. Чтобы получить доступ к фильтрам, рамкам, шрифтам и другим элементам индивидуального дизайна, вам необходимо приобрести премиальный план.

Crello любят пользователи за красивые шаблоны и шрифты. Вы обязательно найдете креативное решение, отражающее ваш фирменный стиль!

Как сделать баннер для сайта с помощью сервиса Canva?

Конечно вы можете использовать абсолютно любой сервис из выше описанных для создания баннера. Но лучше всего попробовать каждый и определиться какой вам больше понравился. Скажем сразу, что среди них нет лучшего, у каждого есть свои преимущества и недостатки. Однако, на наш взгляд самым удобным для использования является Canva. Данный сервис по сути сможет справиться с любой поставленной задачей. Кроме того, он достаточно простой и интуитивный. Вот достаточно хороший обзор возможностей данного сервиса:

Советы по дизайну баннера

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

Формат файла

Убедитесь, что ваш баннер не слишком тяжелый. В противном случае это замедлит работу вашего сайта или блога. Рекомендуемый размер файла — 50 Кб. В любом случае он не должен превышать 150 Кб. Для статических баннеров используйте формат JPG или PNG. Анимированные баннеры сохраняются в формате GIF.

Дизайн

Поскольку размер баннера довольно мал, вы не сможете втиснуть в него много текста. Вместо текста сосредоточьтесь на графических элементах (цветах, шрифтах, логотипе и т.д.).

Для создания целостного имиджа бренда обязательно используйте корпоративные оттенки и гарнитуры. Возможно, вы даже захотите добавить свой логотип! Также убедитесь, что ваш баннер гармонирует с вашей веб-страницей и вашим сайтом в целом с точки зрения дизайна.

Призыв к действию

Не будет преувеличением сказать, что призыв к действию — это сердце и душа вашего баннера. Это сообщение, которое побуждает пользователя нажать на баннер и изучить ваш сайт. Привлекайте потенциальных клиентов скидками, ограниченными предложениями, подарками и другими полезными вещами. Будьте щедрыми!

Подумайте о своих клиентах

Найдите время, чтобы проанализировать свою нишу и выяснить, что нужно вашей целевой аудитории. Эта подготовительная работа будет большим подспорьем в создании эффективного баннера, который действительно будет говорить с вашей аудиторией. Помните, что обычные баннеры, как правило, вызывают меньше кликов, чем баннеры, нацеленные на определенную целевую аудиторию.

Заключение

Рекламный баннер, как и бизнес-план или логотип, должен идти в ногу со временем. Боритесь с соблазном придерживаться своего старого дизайна в течение многих лет. Как только вы увидите, что ваш баннер больше не актуален для вашей аудитории и не соответствует вашей стратегии, не бойтесь вносить в него изменения!

Меняйте визуальные элементы, добавляйте новые предложения, экспериментируйте со смелыми эффектами! Мы уверены, что ваши клиенты оценят ваши творческие усилия, поскольку они начнут чаще нажимать на ваше новое объявление!

Читайте так же:
Скачать Acronis True Image для Windows 10

Создание баннеров для сайта это не так уж и сложно, как вы думали, правда? Секрет в том, чтобы рассматривать это процесс как живой организм, который растет и меняется вместе с вашим брендом. Желаем вдохновения и успехов!

Евгений Исаев

Основатель проекта Biz Pravda, интернет-маркетолог. Специалист в создании сайтов, контекстной рекламе и таргетированной рекламы.

Хочу бизнес в интернете: Простой способ начать с нуля
Как создать ютуб канал самому с нуля в 2021 году: 8 Cоветов

Вам также может понравиться

как заработать денег дома на карантине

Как заработать денег дома на карантине: 16 прибыльных способов

как начать бизнес в деревне с нуля

11.12.2020

Как начать бизнес в деревне с нуля: 70 Идей для старта

как заработать деньги дома в интернете

05.01.2021

Как самостоятельно сделать рекламный баннер: обзор популярных сервисов

София Гаитбаева

Что делать, если в команде нет дизайнера, работать в сложных графических редакторах вы не умеете, но нужно создать красивые рекламные баннеры? На помощь приходят специальные сервисы для создания графического контента. Мы выбрали шесть популярных онлайн-редакторов: Canva, Adobe Spark, Desygner, Bannersnack, Bannerboo и Fotor, протестировали их и готовы рассказать об их преимуществах и недостатках.

Canva

  • Интерфейс на русском языке: да.
  • Авторизация: требуется регистрация или вход через аккаунт в Facebook или Google+.
  • Стоимость: основные функции бесплатны, но есть платная подписка от $12,95 в месяц на аккаунт для командной работы.

Сервис считается одним из самых популярных инструментов для создания графического контента. В нем много шаблонов открыток, постеров, презентаций, есть специальные форматы для соцсетей Facebook и Instagram.

Попробуем создать самые «ходовые» баннеры: большой прямоугольник 336×280, средний прямоугольник 300×250, полноразмерный баннер 728×90, а также большой мобильный баннер 320×100.

Чтобы начать работу с изображением нажимаем «Создать дизайн», затем — «Использовать специальные размеры».

Вводим параметры высоты и ширины баннера и переходим в редактор.

Сначала сделаем фон. Canva предлагает различные варианты оформления: однотонные, орнаменты, узоры, градиенты, флористические и т. д.

Чтобы добавить к фону элементы (логотип, дополнительные изображения) переходим в раздел «Мое». Сюда можно загрузить изображения с компьютера. Чтобы разместить их на баннере, просто перетащите загруженные картинки из галереи на рабочее поле. Удобно, что можно сразу загрузить в медиатеку все элементы, которые планируете использовать для создания баннеров, и потом по очереди перетаскивать и редактировать.

Теперь добавим текст.

Нам нужен простой баннер, поэтому текст призыва постараемся сделать в том же стиле, что логотип.

Изменение цвета текста, выравнивания и т. д. — в меню сверху. Текст можно перетаскивать, растягивать и сжимать.

Теперь добавим кнопку. Для этого заходим в раздел «Элементы» — «Фигуры». Мы хотим круглую кнопку, соответственно, из списка фигур выбираем круг. Перетаскиваем его в нижнюю часть баннера, корректируем размер и выбираем цвет.

Можно добавить стрелку на кнопку. Для этого переходим в «Элементы» — «Линии». Тут есть уже готовые стрелки, выбираем понравившуюся, перетаскиваем на кнопку, меняем размер и цвет.

Осталось добавить несколько простых декоративных элементов. В Canva нет возможности свободно выделить часть изображения, обрезать и вставить элемент в баннер, как в более сложных и продвинутых фоторедакторах. Если нужно добавить на баннер элемент изображения, придется обрезать его в другом графическом редакторе, сохранить и загрузить в медиатеку Canva. Зато в Canva большая библиотека фонов и иллюстраций. Так как дизайн нашего баннера простой, можно выбрать что-то из иллюстраций в библиотеке сервиса.

Сохраняем то, что у нас получилось, нажав «Скачать» в верхнем правом углу, и аналогичным образом делаем остальные баннеры:

Плюсы

  1. Понятный интерфейс на русском языке.
  2. Есть медиатека, можно один раз загрузить все нужные для работы изображения и потом использовать их неограниченное количество раз, они сохраняются в разделе «Мое».
  3. Большая коллекция бесплатных изображений, иллюстраций, фонов, фигур и т. д.

Минусы

  1. Ограниченный функционал редактора: нет возможности работать со слоями, выделять фрагменты изображения, обрезать, накладывать их на рабочее поле, отсутствуют инструменты «Кисть», «Пипетка» и т. д.
  2. Нет возможности на одном экране работать одновременно с несколькими баннерами.

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

Читайте так же:
Как сохранять фото на карту памяти

Adobe Spark

  • Интерфейс на русском языке: нет.
  • Авторизация: требуется регистрация или вход через аккаунт в Facebook или Google+.
  • Стоимость: основные функции бесплатны, но есть платная подписка от 9,99 $ в месяц.

Adobe Spark — это веб-приложение, им можно пользоваться с десктопа, также есть версия для iOS. У приложения три основных назначения:

  1. Создание графического контента.
  2. Создание видеороликов.
  3. Верстка веб-страниц.

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

Спускаемся вниз страницы, нажимаем Create a graphic.

Сервис предлагает воспользоваться шаблонами, но мы будем создавать баннер самостоятельно, поэтому нажимаем Start from scratch.

Теперь нужно выбрать размер. Мы будем вводить параметры вручную, поэтому выбираем Custom и вводим значения ширины и высоты. Затем открывается библиотека изображений. Можно использовать что-то из выборки или ввести запрос в поисковую строку, чтобы система подобрала подходящие картинки. Также можно загрузить фото с компьютера, нажав Upload.

Переходим в редактор.

Начнем с логотипа. Чтобы загрузить его с компьютера, нажимаем на круглый значок с плюсом и выбираем Photo.

Затем выбираем расположение логотипа и корректируем размер.

Теперь добавим текст. Для этого нажимаем ту же круглую кнопку с плюсом и выбираем Text. Здесь интерфейс не такой простой и понятный, как в предыдущем сервисе, чтобы откорректировать каждый параметр (цвет, стиль шрифта, задний фон и т. д.), приходится заходить в разные вкладки на панели сбоку справа. Например, мне долго не удавалось понять, как сделать задний фон текста прозрачным. Оказалось, что фон текста редактируется во вкладке Shape. Зато набор инструментов этого редактора гораздо шире, здесь много интересных возможностей и функций.

Осталось добавить кнопку. Для этого снова нажимаем круглый значок с плюсом, выбираем Icon. Там много форм и размеров, выберем прямоугольник со скругленными краями. В этот раз кнопка будет не со стрелкой, а с призывом к действию. Пишем текст, накладываем на кнопку и выбираем цвет букв.

Сохраняем, нажав Download справа вверху. Когда один баннер готов, можно оставить макет и поменять размеры, перейдя во вкладку Resize на правой боковой панели и выбрав вариант Custom.

Бесплатные конструкторы тизеров и баннеров

В конструкторе можно изготовить цифровой материал для рекламы, анимационной открытки, анимированного баннера, изображения для веб-сайта, изготовить баннеры для рекламной кампании, поздравительные изображения и многое другое.

Можно использовать как свои материалы так и предзагруженные:

  • Сделать фон – (загрузить картинку или выбрать из набора в конструкторе);
  • Написать текст (слоганы);
  • Загрузить свой логотип;
  • Создать кнопку;
  • Получить баннер и код в свой личный кабинет (без каких либо ограничений).

BannerBoo Онлайн-конструктор HTML5 баннеров

Сервис BannerBoo – удобный инструмент для всех, кто хочет быстро сделать профессиональный анимированный HTML5 баннер, в разы снизив его стоимость.

  • Применяйте готовые шаблоны и элементы графики (иконки, кнопки, логотипы);
  • Одним нажатием добавляйте анимацию и используйте эффекты для гиф-изображений;
  • Загружайте собственную графику.

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

Canva

Конструктор баннеров Canva предоставляет на выбор множество потрясающих макетов баннеров для социальных сетей, Etsy, eBay, электронных писем и многого другого. Вам нужно только выбрать изображения, шрифты и цвета на свой вкус, чтобы создать профессиональный баннер за считанные минуты.

Все баннеры автоматически форматируются под нужные размеры на каждой платформе.Используйте собственный размер баннера или возьмите готовые шаблоны под Twitter, Facebook, Pinterest, Tumblr и многое другое.

PrintDesign.ru

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

Также имеется большой набор готовых шаблонов от простого баннера, до плаката или наклейки.

Читайте так же:
Как установить Zoom на компьютер

Webmasta

Максимально простой онлайн-конструктор, где можно моментально создать необходимый баннер прилагая минимум усилий. Онлайн конструктор баннеров Позволяет определиться:

  • С формой и величиной баннера;
  • Видом и размером шрифта;
  • Цветом и толщиной границы;
  • Наличием или отсутствием визуальных эффектов.

Кроме того, вы можете выбрать либо одноцветный фон, либо загрузить собственное изображение. Применить настройки просто – для этого достаточно нажать либо оранжевую кнопку справа, либо комбинацию клавиш CTRL + Z. Итогом двухминутной работы с онлайн конструктором баннеров станет прямая ссылка на баннер или его HTML код.

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

Как сделать баннер для сайта самостоятельно

author__photo

Вопрос о том, как сделать баннер — один из старейших в рекламном бизнесе рунета. Именно с баннеров, в частности, начинался промоушн в отечественном сегменте сети. В их славную историю мы не будем подробно вдаваться. Достаточно об основах баннерной рекламы мы рассказали в материалах Какие есть виды рекламы в интернете и Что такое медийная реклама в интернете . В этой статье мы опишем, как именно делать баннеры с учётом новых реалий.

Основная задача баннеров — обеспечить приток аудитории. Заранее позаботьтесь о том, чтобы точно измерять и анализировать эффективность рекламы с помощью нашего инструмента:

Виды баннеров

Бывает несколько основных видов баннеров:

  • Графический баннер . Прямоугольное изображение, по клику ведущее на рекламируемую страницу.
  • Слайдер . Несколько изображений, сменяющихся по таймеру и по клику.
  • HTML-баннер . Интерактивный элемент, который может содержать несколько изображений, анимацию и HTML-код. Воспроизводит различные сценарии и ведёт на разные страницы в зависимости от клика в определённую область.

Все эти разновидности размещаются в стандартных контейнерах определённых размеров. Их насчитывается около двух десятков и все мы приводить не будем. Для примера: 160×600, 240×400, 240×600.

Также существует множество более сложных баннеров, таких как HTML MPU — несколько HTML-креативов, Expandable — растягивающийся, Rich-media — баннер, содержащий сразу несколько медиа-форматов, и другие. Их создают и размещают профессионалы. Такие баннеры, в основном, разрабатываются отдельно для каждого проекта, в отличие от перечисленных выше, пригодных для использования в массовых рекламных сетях, также называемых баннерными.

Размещение баннеров

Есть несколько способов разместить баннер в интернете. Раньше это была процедура сугубо ручная — на сайте создавался блок, в котором администратором размещался тот или иной креатив.

Сейчас вряд ли понадобится ручное размещение — в интернете работают баннерные сети. Блок на сайте не заполняется креативом силами модераторов. Это просто пустое поле, которое принимает контент от третьей стороны — рекламной платформы. Уже там у рекламодателей есть кабинеты, с помощью которых они загружают свои баннеры.

Далее баннер адресуется не какому-то заранее определённому сайту. Работает RTB-алгоритм. Real Time Bidding — технология, с помощью которой осуществляется целевой показ рекламных объявлений. В зависимости от того, к какому потребительскому сегменту принадлежит посетитель страницы, которому будет продемонстрирован баннер, аукцион подбирает для него наиболее подходящее объявление согласно настройкам рекламодателя. Последний в рабочем кабинете определяет, какие именно сегменты пользователей будут видеть его баннеры, а площадки управления данными подбирают ту аудиторию, которая по результатам анализа подходит под описание. В результате, происходит моментальный подбор баннера — только в последние доли секунды загрузки страницы становится понятно, какой именно баннер система отобразит в блоке.

Сквозная аналитика

  • Автоматически соберет данные с рекламных площадок, сервисов и CRM в 1 окне
  • Бесплатные интеграции c CRM и другими сервисами: более 50 готовых решений
  • Анализируйте воронку продаж от показов до кассы
  • Оптимизируйте свой маркетинг с помощью подробных отчетов: дашборды, графики, диаграммы
  • Кастомизируйте таблицы, добавляйте свои метрики. Стройте отчеты моментально за любые периоды

Площадки

В частных случаях вам может понадобиться только статичное размещение на одном или нескольких сайтах. Необходимо создать баннер подходящего формата — графический, слайдер или HTML, чтобы разместить его в блоке на сайте. В случае, если вы владелец ресурса, то вы сами решаете, какое место займёт баннер, и загружаете его в каталог. Либо вы договариваетесь с владельцем сайта о месте размещения, передавая ему исходники баннера.

Баннерные сети

Размещение баннеров в интернете обеспечивает перечень баннерных сетей, у каждой из которых свои требования к креативам.

Читайте так же:
Средство устранения неполадок в Windows 10

Например, Rotaban.ru всё ещё принимает flash-баннеры, но запрещает HTML.

Более серьёзный игрок Adfox.ru предлагает широкий выбор. Рекламодатель вправе разместить графические и HTML-баннеры. В первом случае допустимы форматы png, gif, jpg, svg и файлы весом не более 300 Кб.

Сеть GinAds.com работает с разнообразными форматами, например: Топлайн, Слайдер, Видео, Боттомлайн, Fullscreen, HTML-баннеры.

Яндекс.Директ

Яндекс внедрил целый набор баннерных размещений для рекламодателей.

  • Летом 2016 в РСЯ помимо текстово-графических объявлений появилась возможность показывать сугубо графические баннеры.
  • Медийная кампания позволяет показывать баннеры с оплатой за показы.
  • Смарт-баннеры, работающие в сетях, основаны на фиде — списке товаров. На его основе генерируется динамический контент под конкретного пользователя.
  • Баннеры на поиске — новое слово в контекстной рекламе. Теперь большой графический баннер можно разместить не только в сетях, но также на странице поисковой выдачи.

Google Ads

Более скромные, но вполне реальные возможности размещения баннеров предоставляет также Google. В рекламном кабинете можно обнаружить, что при создании кампании в КМС — контекстно-медийной сети — вам доступна загрузка баннеров. Тем не менее, в то время как графические объявления с анимацией и без разрешаются любому рекламодателю, HTML5 будет доступен только по запросу и при соблюдении требований:

  • Аккаунт с хорошей репутацией в аспекте соблюдения правил и оплаты услуг;
  • Общие затраты с момента запуска аккаунта — не менее 1000 долларов США.

Вместе с тем, летом 2018 Google по примеру других игроков создал формат адаптивных медийных объявлений. Эти объявления подстраиваются под пользователя с помощью динамического контента и могут быть созданы на основе фида.

Как сделать баннер для сайта и сетей

Начнём с того, что вам может понадобиться с наибольшей вероятностью.

Яндекс.Директ

  • Графическое объявление

Создаётся в меню Текстово-Графических объявлений. Загрузка креатива возможна с устройства, а также предусмотрено создание баннера с помощью конструктора.

После задания настроек показов перейдите на шаг создания объявлений. Выберите вверху тип Графическое. В разделе Креатив появится выпадающий список . Из списка выберите подходящий вариант — например, Создать новые по шаблону .

Откроется редактор. В левой колонке пользователь отмечает необходимые размеры, а в правой изменяет дизайн и элементы баннера. В частности, можно загрузить изображение, изменить цвета заливки и рамки, цвет текста и многое другое.

  • Медийная кампания

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

Для HTML-баннера необходимо подготовить zip-архив с кодом и креативами.

  • Смарт-баннеры

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

Далее — загрузить фид — прайс-лист, составленный по шаблону.

  • Баннер на поиске

Креатив создаётся предварительно пользователем. Требования:

  • 120 Кб
  • JPG, PNG или GIF
  • 240×400 px

Google Ads

Создание адаптивного медийного объявления начинается с меню Объявления и расширения . В нём необходимо кликнуть иконку плюса и выбрать Адаптивное медийное объявление .

Можно загрузить до 15 изображений и до 5 логотипов. Требования:

  • Горизонтальная ориентация . Соотношение сторон – 1,91:1; минимальный размер – 600 x 314. Не более 5 МБ.
  • Квадрат . Соотношение сторон – 1:1 (квадрат), минимальный размер – 300 x 300. Не более 5 МБ.
  • Логотип (необязательно) . Соотношение сторон – 1:1 (квадрат), минимальный размер – 128 x 128 (рекомендуемый формат – 1200 x 1200). Не более 5 МБ.
  • Избыточный текст . Не более 20 % изображения.

Сами объявления состоят из настраиваемых элементов:

  • Короткий заголовок (как минимум один, до пяти; каждый — до 30 символов)
  • Длинный заголовок (до 90 символов)
  • Описание (как минимум одно, до пяти)
  • Название компании или бренда
  • Конечный URL
  • Параметры отслеживания или специальные параметры (необязательно)
  • Текст призыва к действию (необязательно)
  • Рекламный текст и префикс цены

Баннер с нуля

Специалисты рекомендуют различный софт, который позволяет делать баннеры самостоятельно — в том числе, HTML-баннеры, в которых код генерируется самой программой.

Так, среди популярного программного обеспечения выделяют:

  • Adobe Animate CC

  • Google Web Designer

Если у вас есть навыки вёрстки, то лучше самостоятельно прописать компоненты на CSS, javascript и HTML.

А еще, размещая баннеры с переходом на ваш сайт на сторонних ресурсах, установите скрипт коллтрекинга – он помогает отслеживать эффективность.

Ссылка на основную публикацию
Adblock
detector