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

banner-1shag-book250

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

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

Для этого я использовала  плагин Metaslider. Он без проблем ставится из вкладки плагинов. Кстати, его основное назначение: создавать галереи изображений.

Далее, что вам нужно, определить ширину сайтбара и размер картинки. Будет смотреться гораздо лучше, если все картинки для слайдера одного размера. Я для себя выбрала размер 300*300 pxl.

Далее подбираем картинки продуктов, которые вы хотите рекламировать. Если не найдёте точно по вашему размеру – не расстраивайтесь, картинки можно подкорректировать в редакторах.

Картинки берём в своих партнёрских аккаунтах (вы же на партнёрках хотите зарабатывать).

Начинаем редактировать. Я это делаю с программой Пэинт. Сначала уменьшаю картинку до нужного мне размера 300*300, если картинка прямоугольная, то бОльшую сторону уменьшаю до 300. Теперь создаю новую картинку 300*300 и туда вставляю полученный баннер. Это будет смотреться, если у вас белый фон на сайте. Если оставить баннер размером 285*300, то Метаслайдер его подтянет до 300 пикселей и картинка тоже растянется, поэтому я делаю белую подложку.

Сохраняю полученные картинки в отдельной папочке. В идеале (для продвинутых) можно сразу сделать табличку в эксель, где поместить баннер, а сбоку приписать партнёрский код с УТМ метками, но если вы новичок и про УТМ метки не знаете – просто сохраните картинки.

Картинки загружаем на сайт обычным способом: Медиафайлы > загрузить картинку.

Теперь переходим в панель управления сайта. Ищем слова MetaSlider и нажимаем, получается вот такая картинка.

Теперь выбираем слова (в прямоугольнике) Add a new slideshow, нажимаем и получаем страницу, на которой вы будете создавать галерею картинок (слайдов).

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

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

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

Нажимаем  кнопочку Сохранить слайды и переходим во вкладку виджеты.

Если у вас стоит плагин Q2W3 Fixed Widget, то слайдер баннеров можно зафиксировать и тогда при перемотке страницы вниз, ваш слайдер будет всегда на виду, что повышает кликабельность по партнёркам.

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

Надеюсь, я доходчиво объяснила, как поставить меняющийся баннер в сайтбар, но если останутся вопросы – пишите в комментариях.

Спасибо, что поделились статьей в социальных сетях.

Обсуждение: 5 комментариев

  1. Меняющийся баннер действительно самый оптимальный вариант, ибо заполонить всё баннерами это не вариант. Спасибо, что так подробно всё изложили, вопрос как раз стоял на повестке дня для меня.

    Ответить
    1. Ирина:

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

      Ответить
  2. Инетересная информация…
    но я не думала, что нужные какие-то дополнительные сервисы, у меня на сайтах есть слайдеры
    Но у кого нет, то очень нужная инфа

    Ответить
    1. Ирина:

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

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

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

© 2019 Доход из Сети ·  Политика конфеденциальности