главная / Наше Хобби / Сайт своими мозгами! / Как разместить несколько рекламных баннеров в одном и том же месте сайта, или «Баннерокрутилка».

Как разместить несколько рекламных баннеров в одном и том же месте сайта, или «Баннерокрутилка».

Здравствуйте мои дорогие читатели!
Этой статьей я продолжу тему о размещении рекламных баннеров на сайте.

В прошлой статье о размещении рекламных баннеров мы научились с вами размещать рекламный баннер на сайте.
Вот допустим, вы разместили уже на многих многих страницах своего сайта рекламные баннеры, во всех возможных местах, которые только отведены у вас под рекламу.
И они вам приносят доход. И посещаемость сайта у вас, допустим, такая высокая, что предложения о размещении рекламы на вашем сайте сыплются на вас как из рога изобилия.
И все бы ничего, но денег все-равно за эту рекламу вам как-то не хватает. А тут вдруг вам подворачивается такое денежное предложение, от которого вам, ну никак не отказаться.
Что делаем?
Как показать читателю больше рекламных баннеров и не «забаннить» свой сайт?
Убираем надежных клиентов, с которых хоть и меньше деньжат, чем с нового предложения, но стабильно?
Или придется сокращать или убирать рекламу своих продуктов? Что делать-то?
Все места на сайте уже забиты и либо придется выбирать, либо придумывать что-то новое с отображением рекламы.
А переделывать так хорошо скомпонованный сайт ох как не хочется, ради одного-двух рекламных мест.
Бывает так что даже в свежих статьях все места для рекламы уже расписаны заранее и у вас нет места для маневра.

Вот для таких именно случаев, я предлагаю вам следующее решение.

Наверняка, вы встречали на улицах билборды с сменяющимися рекламными баннерами — Призматроны или Скроллеры .
Ну вот к примеру такие:
Рекламный билборд - призматрон
Так вот нечто подобное можно осуществить и на вашем сайте.
Конечно, можно наставить кучу разных плагинов, которые будут сами менять баннеры по вашей или по своей схеме. Можно. Но вот нужно ли?
Рано или поздно каждый разработчик, сайтостроитель, веб дизайнер…и прочие, сталкивается с проблемой количества плагинов на его сайте, потому как те замедляют загрузку страниц, и приходится делать выбор — либо скорость загрузки и посещаемость, либо функционал сайта. Поэтому горе-сайтостроитель спешно начинает выбирать какие ему плагины очень нужны, а какие можно и придется удалить, неизбежно ломая при этом настроенное детище своё. Этой участи не избежал и ваш покорный слуга.
Уверен, что рано или поздно и вы придете к этому результату, если, конечно, не будете разумно относится к установке плагинов на сайт и грузить на него все подряд.
Поэтому я предлагаю немного потрудится над размещением рекламного скроллера у себя на сайте с помощью следующего кода, который необходимо разместить на вашем сайте в местах где вы хотите видеть свои сменяющиеся рекламные баннеры:

<script>
var banner = new Array();
banner[0] = '<a href="http://ссылка назначения баннера" target="_blank" rel="nofollow"><img src="http://адрес картинки баннера" alt="текстовый формат баннера" title="Открыть" width="250" height="250"></a>';
banner[1] = '<a href="http://ссылка назначения баннера" target="_blank" rel="nofollow"><img src="http://адрес картинки баннера" alt="текстовый формат баннера" title="Перейти" width="250" height="250"></a>';
banner[2] = '<a href="http://ссылка назначения баннера" target="_blank" rel="nofollow"><img src="http://адрес картинки баннера" alt="текстовый формат баннера" title="Показать" width="250" height="250"></a>';
var n = ~~(Math.random()*3);
document.write(banner[n]);
</script>

Давайте разберем? что здесь к чему:
Из предыдущей статьи о размещении рекламного баннера вы должны помнить, что:

href = "http://ссылка назначения баннера"

— ссылка на рекламируемую баннером страницу или ресурс;

target = "_blank"

— атрибут указывающий на то, что ссылка с баннера должна открыться в новом окне;

rel = "nofollow"

— атрибут указывающий поисковым машинам, что странице на которую сделана ссылка вес с исходной страницы не передавать, то есть не следует передавать Тиц и Pr.

src = "http://адрес картинки баннера"

— ссылка на местонахождение картинки баннера;
а вот про следующие атирбуты мы еще не говорили, но вам они также должны быть знакомы, если конечно, вы посещали бесплатные видеоуроки школы «я-блогер»:
alt = «текстовый формат баннера» — здесь мы заполняем, как и для любой картинки на сайте, альтернативный текст для его отображения вместо картинки, в случае если вдруг картинка не отобразится;
title = «Открыть» — здесь прописываем текст «Открыть», или любой другой, для отображения его поверх картинки при наведении указателя мыши на баннер (можете вообще не использовать этот атрибут если не хотите);
width = «250» — ну тут все понятно — в данном случае установлена ширина 250 пикселей для баннера;
height = «250» — соответственно, в данном случае установлена высота 250 пикселей для баннера.
Поскольку баннеры будут отображаться в одном поле, то старайтесь подбирать баннеры одинаковые по размеру, хоть, иногда и может удаваться немного изменить размеры картинок баннеров, путем указания принудительно размеров, но при этом баннеры могут отображаться не совсем корректно, поэтому все-таки, я вам советую, придерживаться одинаковых размеров размещаемых рекламных баннеров при использовании этого скрипта у себя на сайте.
Кроме того, вы можете увеличить число баннеров используемых в скрипте.
Для чего вам необходимо будет каждый последующий баннер вставлять, как вы уже заметили, перед тегом var n =~~(Math.random()*3) такую конструкцию:

banner[x] = '<a href="http://ссылка назначения баннера" target="_blank" rel="nofollow"><img title="Показать" src="http://адрес картинки баннера" alt="текстовый формат баннера" width="x" height="x" /></a>';

конечно же последовательно меняя при этом последующий номер баннера в конструкции banner[Х] где х- это очередной номер баннера начиная отсчет первого баннера с «0» и в конструкции

var n =~~(Math.random()*х);

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

Почему?

Статистика нам говорит о том, что посетитель сайта редко посещает более трех страниц одного сайта.
И поскольку смена баннера происходит при перезагрузке страницы, либо переходе на следующую страницу сайта, то соответственно, читатель увидит столько баннеров сколько посетит страниц вашего сайта или сколько раз перезагрузит одну страницу вашего сайта, по этой причине я бы не стал делать количество баннеров на одном месте более трех-четырех.
С результатом работы скрипта можете ознакомиться на любой странице этого сайта — обратите внимание на второй баннер справа — в виджете. Теперь перезагрузите страницу (клавиша F5). Вы заметили смену рекламного баннера? Вот так он и работает. При переходе на следующую страницу баннер опять будет другим.
На сим, разрешите откланяться.
Надеюсь, что данная статья была вам полезна.
Если же эта информация не та, что вы искали, в этом случае, я рискну вам предложить другую статью о создании автоматического ротатора баннеров («баннерокрутилки») с удобным сервисом, полезным как для начинающих так и для опытных сайтостроителей. Находится она здесь по ссылке.
А поэтому, рискну вам предложить также подписаться на новости моего блога, как всегда заполнив простую форму ниже:

Об michserg

Проверьте также

Как разместить рекламный баннер в статье?

Здравствуйте мои дорогие! По просьбам читателей, которые прочитали мои предыдущие статьи «Заработок в интернет новичку …

6 комментариев

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

  2. Ничего не получилось. Возможно что-то не так сделал. А есть еще способы установить два банера на сайт одновременно?

    • Конечно есть и другие способы. Например плагины. AdRotate хотя-бы в пример. Или есть еще сервис по созданию ротатора баннеров. Закачиваешь туда подготовленные картинки, ссылки правильные записываешь. В нем подготавливается код, ты его копируешь к себе в нужное место сайта и вуаля — готово. Следующая статья будет обзором на эти сервисы.

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

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

  3. Спасибо за информацию, щас попробую все сделать как советовали. Буду надеятся все получеться.

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

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

Яндекс.Метрика Рейтинг@Mail.ru Goon Каталог сайтов Каталог сайтов Всего.RU