Как сделать ротацию (смену) баннеров, текста или целых блоков на сайте?

Рад снова всех приветствовать на своём блоге, посвящённом созданию и продвижению сайтов, а также дальнейшему заработку на них. В сегодняшнем выпуске Site on! я хочу рассказать вам об очень простом способе самостоятельного создания PHP скрипта, который будет производить смену баннеров (текста или чего-угодно ещё) при каждой перезагрузке страницы. Также вы сможете не просто выводить разные баннеры на одном и том же месте, но и тасовать несколько баннеров между собой, меняя их расположение на странице.

Перезагружаем страницу:

Ротация баннеров и текста

Идея сделать скрипт смены (ротации) баннеров для своего блога возникла, когда я решил, что моим посетителям будет приедаться расположение одних и тех же баннеров на своих местах. Я ценю своих читателей и не засоряю свой блог рекламой, поэтому у меня на сайте всего 2 баннера и оба расположены в самом низу страницы, один баннер – это реклама моего защищённого хостинга (рекомендую всем прочитать мой обзор и отзыв о безопасном хостинге по ссылке выше), а второй баннер от Гугл. Так вот я решил, что будет лучше, если эти баннеры будут меняться между собой местами, то есть мне захотелось придать небольшого разнообразия :)

Что хочется сказать, перед тем как выложить мой простой, а потому и хороший скрипт ротации на ваше обозрение:

• Он не замедлит загрузку ваших страниц, в отличие от сторонних плагинов, модулей и компонентов.
• Не требователен к ресурсам хостинга.
• В отличие от установки сторонних расширений, не имеет изъянов безопасности.
• Очень прост в понимании и лаконичен в написании.
• Легко встроить в любой шаблон вашей CMS или, к примеру, в модуль Joomla.

Итак, всё, что нам понадобиться, это знание о таком типе переменных в PHP как массивы и встроенной функции shuffle(), которая перемешивает заданный массив в случайном порядке. Вот конкретный пример как это реализовано на моём сайте:

<?php
$banners[] = '<p align="center"><img src="/images/1.png" alt="первый баннер" width="697" height="156" /></p>';
$banners[] = '<p align="center"><img src="/images/2.png" alt="второй баннер" width="345" height="16" /></p>';

shuffle($banners);
echo $banners[0];
?>

Те, кто читал мою статью о массивах (ссылка на неё чуть выше), уже всё поняли. А для тех, кто не понял, поясню: мы заносим в ячейки массива нужный нам код, в данном случае это код с баннерами, но может быть что угодно, хоть колонки сайта местами меняйте :)

Последовательность занесения абсолютно не важна, так как мы всё равно перемешиваем его потом, с помощью уже упомянутой функции shuffle:

shuffle($banners);

А затем выводим в браузер (в любом месте, но естественно, ниже по коду, чем мы создали сам массив) первый элемент массива в одном месте:

echo $banners[0];

И второй элемент массива в любом другом:

echo $banners[1];

Если вы хотите сделать классическую смену баннеров, то есть на одном и том же месте каждый раз разный баннер, то для этого просто выводите первый элемент массива, он каждый раз будет случайным образом меняться, а про остальные элементы массива просто забудьте:

echo $banners[0];

Вот ещё один пример точно такого же скрипта, но запишем его в другом стиле:

<?php
// заносим необходимые элементы в массив:
$banners = array(
'<img src="/images/1.png" alt="первый рисунок" width="697" height="156" />',
'<img src="/images/2.png" alt="второй" width="345" height="16" />',
'<img src="/images/3.png" alt="третий" width="695" height="56" />'
);

shuffle($banners); // перемешиваем
echo $banners[0]; // выводим случайную картинку
?>

Об этих двух стилях я опять-таки уже писал в статье про массивы в PHP, какой стиль вам больше нравиться, выбирайте сами, это абсолютно без разницы.

Автоматическая смена баннеров на Joomla

Хочу уточнить один нюанс: если вы хотите поместить данный код в модуль Джумлы «HTML-код» или возможно он будет называться «Произвольный HTML-код», то вам необходимо установить бесплатный плагин Sourcerer, который служит специально для вставки PHP и любого другого кода внутри статей и модулей Joomla. На сегодняшний день команда разработчиков плагина Sourcerer полностью отказалась от дальнейшей поддержки Joomla 1.5, однако даже если вы обладатель сайта на движке этой версии, вы всё равно можете скачать этот плагин для Joomla 1.5 из их архива. Мне как раз недавно пришлось это делать, чтобы решить одну простенькую задачку на подобном сайте.

После установки плагина не забудьте включить его в менеджере плагинов Джумлы (ищите System - Sourcerer), затем, чтобы вставить PHP код в любом месте статьи или модуля «HTML-код» необходимо заключить его в специальные теги:

{source}Ваш код{/source}

Дело сделано! Надеюсь, данной статьёй я побудил вас к более детальному изучению PHP, благодаря которому можно с лёгкостью создавать множество полезных вещей. Спасибо за ваше внимание, на сегодня всё. До встречи в следующих выпусках Site on!

• Старт
• Создание сайта
  • Вёрстка сайта (HTML+CSS)
  • Динамические сайты (PHP)
  • Системы управления контентом (CMS)
• Оптимизация и продвижение
• Инструменты
• Конкурсы
• С чего начать?