Размещаете рекламу на сайте в виде баннеров? Хотите просто разнообразить свою страничку, размещенную в интернете? Тогда статья «Ротатор баннеров. Скрипт ротатор баннеров» будет вам интересна.
Как видно из названия, в публикации пойдет речь об установке и настройке скрипта для случайного вывода картинок после обновления страницы. Если ротатор баннеров установлен например в сайдбаре, то при переходе посетителя на другую страницу, картинка будет меняться случайным образом.
У меня скрипт ротатор баннеров был установлен на партнерке хостинга Timeweb. Попробуйте обновить страницу несколько раз или перейти на другую и увидите работу скрипта.
Зачем устанавливать плагин, дающий нагрузку на сервер, если можно за пять минут установить вполне рабочий скрипт. Скрипт ротатор баннеров работает везде, не раз опробован и протестирован на нескольких CSM, работает и на локальном сервере, т.е даже при отсутствии интернет-соединения, так как не требуется подключения к библиотекам. Вот на сколько он прост и неприхотлив. К тому-же данный ротатор практически не дает нагрузки на хостинг, так как подгружает по одной картинке каждый раз при новой загрузке страницы.
Первым делом нужно подготовить несколько картинок любого размера. У меня в скрипте ротатора настроен вывод 5-ти картинок в случайном порядке. Но количество картинок можно поменять на любое. Как это сделать читайте в пояснениях в самом файле.
Важно подбирать картинки одинакового размера для красивого вывода. Естественно.
Что-бы ротатор баннеров заработал нужно разместить следующий код в HEAD, перед закрывающимся одноименным тегом </head> , то-есть используем стандартное подключение скрипта.
Подключаем скрипт ротатор баннеров между тегами <head>код скрипта</head> :
<script language="JavaScript" src="http://obkatka.filwebs.ru/wp-content/banner/banner.js"></script>
Естественно путь к файлу меняем на свой. Следующим шагом скачиваем архив, распаковываем, в нем находится сам файл banner.js (я его так назвал для простоты запоминания, вы можете назвать как угодно. Ниже приведен открытый файл. В нем есть пояснения и все предельно просто. Это копия, взятая из архива.
Скрипт ротатор баннеров — файл banner.js :
var id=random();
var maxid=4; /* Количество подмен картинок, у меня их 5, поэтому maxid=4, соответственно если 6 подмен maxid=5 */
function random()
{ now=new Date();
num=now.getTime();
num=Math.round(Math.abs(Math.sin(num)*4)); /* Количество подмен картинок, у меня их 5, поэтому (num)*4 */
return num;
}
b_name=new Array(maxid)
b_name[0]="<img src="путь" alt="" />"
b_name[1]="<img src="путь" alt="" />"
b_name[2]="<a href="http://timeweb.com/ru/?i=23233&a=90" rel="nofollow"><img src="http://filwebs.ru/wp-content/banner/img/240x100-9.jpg" alt="" /></a>" /* меняйте мои ссылки, скобки оставляйте как есть */
b_name[3]="<a href="http://timeweb.com/ru/?i=23233&a=82" rel="nofollow"><img src="http://filwebs.ru/wp-content/banner/img/240x100-12.jpg" alt="" /><;/a>"
b_name[4]="</a><a href="http://timeweb.com/ru/?i=23233&a=81" rel="nofollow"><img src="http://filwebs.ru/wp-content/banner/img/240x100-11.jpg" alt="" /></a><a href="http://timeweb.com/ru/?i=23233&a=82" rel="nofollow">"
function b300()
{ document.write(b_name[id]); }</a>Единственное, что можно из этого кода «вырезать» все атрибуты rel='nofollow' которые запрещают поисковикам передавать Tиц и PR сайту на который идет ссылка. Это нужно, если, например ваши картинки из баннера ведут на другую-(ие) страницы вашего сайта и в других похожих ситуациях.
Замените картинки в папке img на свои. Править адреса картинок удобно программой Notepad++. Путь к картинкам можно прописывать так /img/kartynka_1.jpg , а можно как у меня, полный.
И в завершении всех манипуляций возмите код, приведенный ниже, которрый вызывает работу скрипта и вставьте в любое место страницы. Чаще всего данный код — ротатер баннеров размещается в сайдбаре. Но не обязательно. Разместите данный код в любом месте страницы.
Код запуска ротатера баннеров :
<div><script> b300();</script></div>
Скачать скрипт
И специально для тех у кого установлен движок WordPress.
Pотатор баннеров WordPress
Ротатор баннеров на WordPress устанавливается аналогично. По тому-же принципу , заменяется адрес нахождения самого скрипта. Единственное, что подключать скрипт на WordPress лучше способом, описанным в этой статье Подключение скрипта к WordPress. Далее ротатор баннеров WordPress, точнее папка со скриптом и картинками заливается на сервер, в удобное для вас место. Далее вы прописываете путь к картинкам в скрипте. И следующим шагом берете код для запуска ротатера баннеров WordPress и вставляете его в текстовый виджет WordPress .
Можете еще посмотреть публикацию «Ротатор баннеров JQuery» Это уже более навороченый ротатор.
— Если Вам пригодилась статья «Ротатор баннеров. Скрипт ротатор баннеров. Ротатор баннеров WordPress» отметье мои старания в соц. сетях. И не стесняйтесь, размещайте вопросы в комментариях или отправляйте по почте.
Похожие по Тегам статьи
Плавающий виджет WordPress без плагинаВ статье пойдет речь о том как сделать плавающий виджет WordPress без использования плагинов….
Cсылка якорь на странице. Плавный якорь.В данной статье пойдет речь о том, что такое html cсылка якорь на странице…
Маска для ввода номера телефонаМаска для ввода номера телефона дает понять человеку в каком формате вводить номер, а…
Спасибо за ротатор баннеров на WordPress, буду делать скриптом!
Пожалуйста, Инна. Этот простейший скрипт я писал на занятии. Препод говорит, что ему уже лет 20-цать, но по сей день благополучно работает.
Все работает, идеально. Спасибо за ротатор баннеров.
Привет у меня такая проблема, партнёрка с который я пытаюсь работать выдаёт такой код
куда бы я этот код не вставил баннер всегда выходит в одном месте в подвале сайта. как мне поставить этот баннер туда куда я хочу?((((
А на код баннера можно посмотреть?
вот код баннера
я пытаюсь тут послать код но он не идёт (((
Помог скрипт решить проблему с вставкой ротации в плагин quick adsense. Спасибо.
Отлично. Заходите еще, уверен, найдете что-то еще для себя полезное. 🙂