Всем, огромный привет! Маленький пост сегодня, на долго не задержу вас, друзья. Я у себя, на одном из блогов 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>'
Надеюсь, дамы и господа, вам всё понятно. И со скриптом и для чего нужен ротатор баннера. А я с вами досвидакуюсь, совсем не надолго. До встречи. Пока, пока.