Ротатор баннеров


Ротатор баннеров

12515
8.6 из 10
Проголосовало: 7






Каждый владелец сайта хочет получать прибыль. Поэтому многие торгуют рекламными местами и размещают на своем сайте баннеры. Иногда возникает необходимость на одном рекламном месте показывать несколько баннеров. Если просто вписать все баннеры в одном месте, то получится захламление сайта рекламой. Выход из этой ситуации есть. Для этого можно воспользоваться скриптом ротатора баннеров, или крутилки баннеров. Такой скрипт будет периодически менять баннеры на одном рекламном месте. При этом, сами баннеры не будут вписаны в HTML-код сайта, и, соответственно, не будут утекать такие важные составляющие как ТИЦ и PR.

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

Теперь займемся размещением скрипта ротатера баннеров на страницу сайта.

Для начала нужно разместить следующий код в тело HEAD сайта. При желании, скрипт можно вынести в отдельный js-файл.

Код
<script type="text/javascript"><!--
  $rotator = {
  banners: [
  {url: 'http://webo4ka.ru/', img: 'http://webo4ka.ru/webo4ka/banneri/468x60_animirovannyj.gif', title: 'скрипты для ucoz'},
  {url: 'http://webo4ka.ru/', img: 'http://webo4ka.ru/webo4ka/banneri/468x60.png', title: 'скрипты для ucoz'},
  {url: 'http://webo4ka.ru/', img: 'http://webo4ka.ru/webo4ka/banneri/webo4ka_banner_animirovannyj_468x60.gif', title: 'скрипты для ucoz'},
  {url: 'http://webo4ka.ru/', img: 'http://webo4ka.ru/webo4ka/banneri/webo4ka_banner_animirovannyj_468x60_2.gif', title: 'скрипты для ucoz'}
  ],
  options: {
  width: '468',
  height: '60',
  target: '_blank',
  time: 5000
  },
  num: 0,
  exec: function(id){
  document.getElementById(id).innerHTML = '<a href="' + this.banners[this.num].url + '" title="' + this.banners[this.num].title + '" target="' + this.options.target + '"><img src="' + this.banners[this.num].img + '" width="' + this.options.width + '" height="' + this.options.height + '" alt="' + this.banners[this.num].title + '"><\/a>';
  if(this.num < this.banners.length - 1){
  this.num ++;
  }else{
  this.num = 0;
  }
  },
  ready: function(id){
  var loadevent = window.onload;
  window.onload = function(){
  if(typeof loadevent == 'function') loadevent();
  $rotator.exec(id);
  window.setInterval(function(){
  $rotator.exec(id);
  }, $rotator.options.time);
  }
  }
  }
  $rotator.ready('banner');
  //-->
</script>


В месте, где должны крутиться баннеры, нужно разместить следующий код:

Код
<div id="banner">здесь размещен <a href="http://szenprogs.ru/blog/rotator_bannerov/2012-08-26-142">ротатор баннеров</a></div>


Теперь разберем параметры скрипта ротатора баннера и настроем его под себя.

Список прокручиваемых баннеров находится в массиве banners. Их количество не ограничено. Каждый элемент массива состоит из объекта со следующими параметрами:
url - ссылка на рекламируемую страницу;
img - ссылка на баннер. Баннеры желательно хранить на собственном хосте;
title - подсказка к баннеру. Будет отображаться, если навести курсор на баннер, или при отключенном отображении картинок.

Основные параметры находятся в объекте options:
width - ширина баннеров в пикселях;
height - высота баннеров в пикселях;
target - метод перехода по ссылке баннера. _blank - в новом окне. _top - в текущем окне;
time - промежуток времени, через которое будут менятся баннеры. Измеряется в миллисекундах. В коде это 5000 миллисекунд = 5 секунд.

После настройки скрипта ротатора баннеров он должен сразу заработать.
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://szenprogs.ru/
  • Всего комментариев: 2

Norton
0
Norton написал: Написано 04 Января 2013 в 15:23
Комментарий №2
http://vfl.ru/fotos/0cd7561b1503635.html

Norton
+1
Norton написал: Написано 04 Января 2013 в 15:22
Комментарий №1
А это для чего, или здесь новый велосипед придумывают.

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    205
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: