Gazmarket59.ru

Газ Маркет 59
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как сделать баннер с счетчиком

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

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

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

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

  1. страница, на которую будем лить трафик и монетизировать его;
  2. баннер для сайта;
  3. донор — блог или сайт подходящей тематики, на котором мы разместим свой баннер за определенную плату.

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

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

Начните с шаблона

Экономьте время, используя профессиональные макеты, созданные дизайнерами. Шаблоны упорядочены по категориям, чтобы было легче находить нужные. Вы можете начать с чистого листа, если четко представляете, как должен выглядеть ваш макет. Определитесь, какой тип баннера хотите создать, и выберите подходящий размер. Если передумаете, вы всегда можете изменить его.

Настройте баннер

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

Задайте размеры

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

Загрузите баннер

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

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

Сегодня мы рассмотрим 15 дизайнерских приемов для создания баннеров, за которые не будет стыдно. Для примеров мы взяли победителей 2015 года по версии Webby Awards.

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

Сегодня мы рассмотрим 15 дизайнерских приемов для создания баннеров, за которые не будет стыдно. Для примеров мы взяли победителей 2015 года по версии Webby Awards.

1. Придерживайтесь стандартных размеров


Баннерная реклама не относится к типу продукта один «размер для всего». Вы должны исходить из тех спецификаций, которые нужны для ресурса, на котором вы планируете размещать рекламу, а большинство сайтов используют набор стандартных размеров. (Это также касается и email-рассылок)

Читайте так же:
Штрафы энергонадзора за счетчик

На Google Adwords, одном из крупнейших серверов баннерной рекламы в интернете, можно узнать про наиболее популярные размеры.

Ниже размеры, которые вы должны выбрать в первую очередь:

  • 728×90 px — полноразмерный баннер (часто показывается вверху или внизу страницы)
  • 300×250 px — встроенный прямоугольник (преимущественно показывается в правой части сайта или вставляется в текст)
  • 300×600 px — блок на половину страницы
  • 320×100 px — мобильный баннер

2. Придерживайтесь последовательности

Каждый баннер должен содержать в себе три элемента: брендинг (логотип), сообщение и поощрение для клика. Загвоздка в том, что у вас не сильно много места для всего этого.

Создайте простую последовательность элементов. Сообщение должно быть кратким — от двух до 10 слов в идеале. Что вы предлагаете и почему люди должны этого хотеть. После этого добавьте логотип или какой-то другой идентификатор. Он должен быть читабельным и не слишком большим. В заключение добавьте причину для клика. Может, у вас сейчас распродажа? Код купона? Подписка на почту?

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

3. Один баннер равняется одному сообщению


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

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

4. Помните о том, где будет размещен баннер

Где вы планируете размещать баннеры после того, как сделаете сам креатив? Если вы используете сервисы подобные Google, у вас будет не сильно много возможностей контролировать размещение. Но если вы хотите разместить их на определенных вебсайтах, в приложениях или email рассылках, вам нужно будет изучить их и принять во внимание их дизайн, прежде чем делать свои баннеры.

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

5. Используйте призыв к действию


Какая самая главная задача баннера? Правильно — на него должны кликнуть. Используйте призыв к действию (Call to Action) в каждом баннере, который вы делаете. Подскажите пользователю, что ему нужно делать дальше.

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

6. Забудьте про Flash

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

Используйте вместо этого HTML5. Если вам нужно сконвертировать какие то свои старые креативы и вдохнуть в них новую жизнь, у Google есть небольшой урок, который поможет это сделать.

Читайте так же:
Счетчик энергии солнечной панели

7. Используйте кнопки


Иногда бывает сложно воспринимать информацию — все мы когда-то с этим сталкивались. В таких случаях спасают простые инструкции. И хотя большинство пользователей знают, что они могут кликнуть на баннер, иногда наличие кнопки подталкивает их к этому действию. (Да, понятно, что кликабельна вся площадь баннера, но кнопка — это отличный визуальный сигнал).

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

8. Сфокусируйтесь на шрифтах

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

Согласно правилу большого пальца, обычно двух начертаний шрифтов бывает достаточно.

  1. Делайте большие заголовки. Используйте жирные, немного необычные или цветные шрифты, чтобы привлечь внимание пользователей.
  2. Отдавайте предпочтение шрифтам без засечек (sans serif). Вы можете использовать два размера или два начертания жирного — один для основного текста, а другой для кнопок или призыва к действию. Просто убедитесь, что они легко читаются.

9. Используйте простую анимацию


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

Чего точно не надо делать, так это ярко-желтые или оранжевые мигающие экраны из баннеров прошлого. Вам не нужны светящиеся неоновые тексты, чтобы привлекать внимание пользователей.

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

10. Сохраняйте правильно

Это важный момент. Никто не разместит вашу рекламу, если файлы слишком много весят или у баннера будет неправильный формат. Оптимизируйте размер по максимуму. Итоговый размер файлов не должен превышать 150 кб, в зависимости от площади рекламного баннера.

После этого убедитесь, что баннер сделан в правильном формате, стандартном для интернет-рекламы. Распространенные форматы баннеров — PNG и JPG для статических баннеров, GIF — для анимированных. SVG формат тоже набирает оборотов и все чаще принимается разными рекламными сетями. Забудьте об SWF (Adobe Flash) — от него сейчас уже практически все отказались, и даже браузеры перестают его поддерживать. Вместо него широкое распространение получили HTML5 баннеры, которые создаются с помощью таких программ, как Google Web Designer, Adobe Animation или рускоязычный онлайн конструктор баннеров Bannerboo.

11. Сфокусируйтесь на текстах


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

Вы же не собираетесь впихнуть в баннер 100 слов, правда? Неплохой вариант — поработать с копирайтером, который поможет подобрать правильное послание. Подбирайте такие выражения, которые отвечают на возможные вопросы пользователей, или придумайте интригующий посыл, чтобы привлечь их внимание.

12. Используйте элементы бренда

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

Читайте так же:
Как подмотать механический счетчик моточасов

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

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

13. Используйте яркие визуальные элементы


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

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

14. Релевантный контент

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

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

15. Будьте попроще


Это прописная истина. Если вы переутомите пользователя обилием текстов, анимаций, цветов, фактов, вы рискуете утратить первоначальный смысл. Будьте попроще.

В случае с баннерами, всего по одному будет достаточно.

  • Одна картинка
  • Одно текстовое сообщение
  • Один призыв к действию
  • Один элемент бренда

Выводы

Так что, баннеры еще пока не умерли. (И не факт, что это когда-нибудь случится). Баннерная реклама может стать эффективным способом достучаться к вашей целевой аудитории а также повысить узнаваемость вашего бренда.

PrintDesign.ru

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

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

Бесплатные графические библиотеки

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

Готовые библиотеки графики для баннеров

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

Создавайте рекламу и визуальные эффекты, которыми можно поделиться в Facebook, Twitter, Youtube, IAB, Pinterest или LinkedIn.

Сотни проверенных шаблонов баннерной рекламы теперь в вашем распоряжении. Нужен ли вам конструктор рекламы Google или конструктор рекламы Facebook, вы находитесь в нужном месте. Просто выберите подходящий шаблон для своего бизнеса и начните создавать. Это значительно облегчает задачу дизайнеру.

Читайте так же:
Соцнайм жилья установка счетчиков

Подготовка баннера для email рассылки:

Хороший баннер не тот, что выглядит хорошо. Хороший баннер тот, который работает. Это может быть самая уродливая вещь в мире, но если он работает — он идеально подходит

Серьёзно, вы верите, что подписчик открыв письмо в первую очередь подумает: «Фу, кнопку на баннере нужно было поднять на 2 пикселя» Нет, он будет искать выгодных предложений! Тот, кто хочет докопаться до вашего письма и так найдёт 100 и 1 причину, даже без баннера. Суть не в том, чтобы создать самый гениальный и красивый баннер — важно захватить внимание. Попробуем систематизировать наши знания, чтобы вы могли легко создавать баннеры.

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

Популярны несколько вариантов размещения баннера: под хедером (перед основным текстом письма) и после первого абзаца.

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

Количество баннеров

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

Оформление и содержание баннера

  • Привлекательный короткий текст
  • Сумма скидки
  • Картинка

Просто красивая картинка, которая никак не связана с предложением, вряд ли пробудит желание у пользователя. Хотя бывают и исключения — девушки:) На девушек кликают хорошо — это нам твердят дизайнеры, показывают тесты, да и собственное поведение. Пример баннера из рассылки Showrooms.ru.

Баннер привлекает внимание, но перейти на сайт скорее хочется, чтобы девочка перестала крутиться:)

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

  • Промокод, если его можно скопировать

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

С такой расшифровкой клиенты быстрее соображают, что тут можно взять код.

  • Кнопка призыва к действию

Главное, чтобы кнопка на баннере выделялась: формой, цветом, размером текста. Например, такой самозаполняющийся чек-лист.

Выглядит оригинально и необычно. Хотя за меня всё и решили — я бы обязательно почитала, что мне ещё предложат.

  • Конкретный товар

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

Пример того, какие баннера делает Kinderly:

Анимированные баннеры:

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

  • Анимированный баннер улучшает внешний вид письма и делает даже скучный текст интересным и стильным.
  • Тестирование показывает, что хорошие GIFки увеличивают CTR.
  • GIFки помогают подчеркнуть индивидуальность вашего бренда, и сделать письма запоминающимся.
  • Слишком замысловатая анимация собьёт с толку читателя, да и загружаться будет дольше.
Читайте так же:
Счетчик энергомера 102 руководство

Для сложной анимации придётся обратиться к дизайнеру, но с простой анимацией из нескольких кадров вполне можно справиться и самостоятельно.

Делайте красивые рассылки

Текстовое наполнение:

  • Пишите кратко. Это позволит быстро захватить внимания читателя и дать ему основную суть письма. Используйте не более 7 слов, но в то же время зацепите подписчика чем-то: выгода, интрига, страх, любопытство и т. д.
  • Простые слова. Замените сложные или иностранные слова на понятные для читателя.
  • Короткие слова. Длинные слова требуют времени для прочтения. Почти для каждого длинного слова, можно найти короткую, но не менее эффектную замену.
  • Крупный, хорошо читаемый шрифт. Пожалейте глаза и время пользователей, чтобы они не всматривались в буквы.
  • Числа. Люди любят цифры:) Особенно если эти цифры дают какую-то выгоду.
  • Скидочный промокод. Как говорилось, делайте таким, чтобы его можно было скопировать. Неважно, он «зашит» в баннер или находится ниже.
  • Если баннер рекламирует распродажу — обязательно указывайте сроки проведения, хотя бы под баннером.

Контрольная проверка

Посмотрите несколько секунд на баннер — всё понятно?

И ещё:

  • Усиливайте баннер текстом. Идеально, когда главный баннер отображает суть всего письма, но без сопроводительного текста он может не произвести нужного эффекта.
  • Добавляйте кнопки СТА. Хорошо работают кнопки как на баннере, так и непосредственно под баннером. Но главное, чтобы они были и побуждали к действию: «Читать подробнее», «Купить игрушку» и т. д.
  • Учитывайте аудиторию, которой вы отправляйте. Возможно, им и не нужно всех наворотов и достаточно будет простого понятного письма.
  • Проставляйте под баннер ссылку. Направляйте с баннера на страницу, которая соответствует тому, что вы анонсировали в письме.
  • Обратите внимание как гармонируют текст и изображение. Слишком пёстрые, яркие наляпистые изображения вызовут только отторжение и пользователь, скорее всего, закроет письмо.
  • Не используйте CapsLock для всего текста на баннере. Слова с привычным регистром лучше распознаются людьми.

Как установить баннер на сайт

Для того, чтобы установить баннер на сайт, а точнее в сайтбар сайта, вам нужно зайти в «Внешний вид» ⇒ «Виджеты» ⇒ «Доступные виджеты» ⇒ «Текст» ⇒ «Добавить виджет»

Далее пишете заголовок для баннера и в окошке вставляете этот код:

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

Например, у меня это будет выглядеть так:

Чтобы узнать ссылку на картинку баннера, вам нужно зайти в «Медиафайлы», выбрать нужную картинку и нажать на неё и слева увидите ссылку на файл.

Вот её и вставляете в соответствующее место в коде.

Ну вот в принципе и всё.

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

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

А я с вами прощаюсь и до новых скорых встреч. Пока-пока.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector