Как экономно разместить баннеры? Создать ротатор баннеров. Экономия места в сайдбаре (Часть 2)

Приветствую вас на блоге vitalykalinin.ru. Продолжаю вас знакомить с инструментами для экономии места в сайдбаре. Сегодня будем выяснять, как экономно разместить на нём баннеры или любые другие картинки. Для этого применим ротатор баннеров.Ротатор баннеров

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

Так вот. Наверняка вы используете кучу активных изображений в сайбаре. Это может быть всё что угодно – рекламные баннеры, информация по партнёрским программам, ваши информационные продукты, которых достаточно много, но вы хотите, чтобы они крутились у вас в одном месте. Да всё что угодно.

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

Как разместить баннеры и сэкономить место? Создадим ротатор баннеров

Есть несколько способов реализаций этой идеи.

1 способ.

Можно использовать для этих целей специальные плагины для платформы wordpress.

Например, следующие:

  • Adrotate
  • Datafeedr Random Ads V2

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

2 способ.

Рассмотрим ротацию баннеров с использованием php-кода. И здесь есть тоже несколько вариантов сделать это.

1Вариант

Можно использовать следующий код:

Где Ваш баннер - туда вставляется весь код баннера (картинка с гиперссылкой).

Например (здесь 2 баннера):

Я просто вставил этот код в виджет Текст. Как вставлять любой код в виджет сайдбара я писал в этой статье.

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

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

Разместить баннер

2Вариант

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

Так вот, берём следующий скрипт и помещаем его в файл нашей темы header.php (стандартно копируем его с папки нашей темы на хостинге с помощью Fileziila). И в самом конце файла вставляем следующий скрипт:

В нём меняем на свои следующие поля:

Гиперссылка – куда будет производиться переход после нажатия на картинку.

Картинка – путь к картинке.

var pause=2000 – сколько миллисекунд продолжается сессия одного баннера.

Например, у меня получилось так:

Сохраняем и закидываем с перезаписью обратно на хостинг. Затем заходим в Админ. панель – Внешний вид – Виджеты. Перетаскиваем на нужное место виджет Текст и в него помещаем следующий код:

Ниже прописываем, чтобы скрипт включился:

В моём случае получилось так:

Единственный момент – этот вариант не работает при использовании флеш баннеров.

Вот такая красота получилась. Если у вас стоят несколько баннеров, то такими методами можно их объединить в один. Пользуйтесь на здоровье. Эта была 2 часть Марлезонского балета  из трилогии по экономии места в сайдбаре нашего сайта, где мы разобрали, как можно экономно разместить баннеры или картинки используя ротатор баннеров. Не забывайте подписываться на обновления блога. До скорых встреч.

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

С уважением, Виталий Калинин!

Читайте ещё интересное на блоге
Понравилась статья? Поделитесь с друзьями!

Оставьте свой первый комментарий и получите ценный подарок

Комментариев 2 на “Как экономно разместить баннеры? Создать ротатор баннеров. Экономия места в сайдбаре (Часть 2)
  1. спасибо за этот вариант. а я как раз хотел себе слайдер поставить подобный.

  2. Ааааа, как все сложно, если начинающий, да и еще вовсе не разбирающийся в этих кодах!!! :lol: Как в этом разобраться? :cry:

Comments are closed.


Внимание! На блоге проводится конкурс лучшего комментатора за месяц!

Хостинг