(Последнее обновление: 18.05.2019)

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

Ротатор баннеров на сайте WordPress

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

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

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

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

Представленный скрипт ротатор баннеров не дает нагрузки на хостинг, так как, подгружает по одному изображению каждый раз при новой загрузке страницы.

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

<script >
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 >
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>'

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