Баннерокрутилка. Скрипт ротатор баннеров

Всем, огромный привет! Маленький пост сегодня, на долго не задержу вас, друзья. Я у себя, на одном из блогов WordPress, использую скрипт ротатор баннеров — баннерокрутилка для прокрутки рекламных материалов от People Group. На одном рекламном месте показываются три разных баннера, они сменяют друг друга при обновление страницы или когда пользователь переходит читать другой материал.

К чему это я? Да, к тому, что скрипт ротатор баннеров, а по простому баннерокрутилка, оказывается универсальный. Он подходит для любого сайта и для WordPress в том числе. А также для блогохостинга Blogger Blogspot. Поэтому, если у вас установлены на своём блоге/сайте рекламные материалы партнёрок или другие различные баннеры, то можно объединить их в одно рекламное место. Тем самым не будет увешан весь веб-сайт, как новогодняя ёлка, рекламными объявлениями. Для вас будет хорошо, а для ваших посетителей, тем более.

Ротатор баннеров (баннерокрутилка) на ваш сайт без плагинов, берите и пользуйтесь.

Скрипт ротатор баннеров для сайта

[icon-box style=»blue» icon=»fa-file-code-o» ] Представленный скрипт ротатор баннеров не дает нагрузки на хостинг, так как, подгружает по одному изображению каждый раз при новой загрузке страницы.[/icon-box]

Установить баннерокрутилку в Blogger можно с помощью волшебного/универсального гаджета HTML/JavaScript, а в WordPress — виджет «Текст» вставив в него такой код:

<script type="text/javascript">
var mycrib = [];
mycrib[0] = '<noindex><a href="Ваша ссылка" target="_blank" rel="nofollow"><img src="Ссылка на изображение баннера" alt="Название баннера" width="240" height="400"></a></noindex>'
mycrib[1] = '<noindex><a href="Ваша ссылка" target="_blank" rel="nofollow"><img src="Ссылка на изображение баннера" alt="Название баннера" width="240" height="400"></a></noindex>'
mycrib[2] = '<noindex><a href="Ваша ссылка" target="_blank" rel="nofollow"><img src="Ссылка на изображение баннера" alt="Название баннера" width="240" height="400"></a></noindex>'
var x = 0;
function rotate(mycrib) {
while (x < mycrib.length) {
var sort = Math.floor(Math.random() * mycrib.length);
if (mycrib[sort] != 0) {
document.getElementById('adspace').innerHTML = (mycrib[sort]);
mycrib[sort] = 0;
x++;
}
}
}
</script>
<style>
#adspace {
}
#adspace img {
}
</style>
<div id="adspace">
<script type="text/javascript">
rotate(mycrib);
</script>
</div>

В скрипте нужно вставить ссылки на рекламодателя и на картинки, а также, указать нужный размер изображений и название баннера. Возможно использование изображений с расширением jpg,png,gif. Желательно, чтобы баннеры были одного размера, так будет красивей. Если вы хотите прокручивать больше трёх баннеров, тогда нужно добавить ещё один код, выше строки var x = 0;:

mycrib[3] = '<noindex><a href="Ваша ссылка" target="_blank" rel="nofollow"><img src="Ссылка на изображение баннера" alt="Название баннера" width="240" height="400"></a></noindex>'

Надеюсь, дамы и господа, вам всё понятно. И со скриптом и для чего нужен ротатор баннера. А я с вами досвидакуюсь, совсем не надолго. До встречи. Пока, пока.