Местная баннерная система
на вашем сайте.

Обычно, если сайт хороший, то он посещаем. А на посещаемых сайтах выгодно размещать рекламу (не обязательно коммерческую). Для этого на крупных серверах часто действуют собственные полноценные баннерные системы, основанные на CGI. Их еще называют "локальными крутилками". Администрация сервера полностью контролирует, какие баннеры демонстрируются на сайте и при желании осуществляет продажу показов.

Нечто подобное вы можете сделать на своем сайте без использования интерфейса CGI, с помощью собственной фантазии и небольшого Java-скрипта. Конечно, речь идет о случае, когда необходимо показывать на сайте небольшое количество - десяток-другой - заранее заготовленных баннеров. Средствами JavaScript можно контролировать количественное соотношение и временные (правда, относительно клиента) рамки показов отдельных баннеров.

Приведу простой пример, в котором все баннеры имеют равные шансы быть показанными на странице.

<SCRIPT language="JavaScript">
// <!-- Main
function banners()
{

// Перечисляем ссылки и соответствующие им картинки.
// Здесь их 5, но количество может быть любым.

this[1]="http://www.ваша_ссылка_01.ru";
this[2]="http://ваша_картинка_01.gif";

this[3]="http://www.ваша_ссылка_02.ru";
this[4]="http://ваша_картинка_02.gif";

this[5]="http://www.ваша_ссылка_03.ru";
this[6]="http://ваша_картинка_03.gif";

this[7]="http://www.ваша_ссылка_04.ru";
this[8]="http://ваша_картинка_04.gif";

this[9]="http://www.ваша_ссылка_05.ru";
this[10]="http://ваша_картинка_05.gif";

// Осуществляем случайный выбор баннера с привязанной
// и нему ссылкой (не правда ли, простой механизм?) и пишем
// соответствующий фрагмент HTML-кода. Интервал, в котором
// выбирается переменная j, должен соответствовать общему
// количеству баннеров.

if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0,1)) < 3)) { return(' '); }
var j=(new Date()).getSeconds() %
5;
document.write('<a href=' + this[2*j+1] + ' target=blank><img src=' + this[2*j+2] + ' border=0 width=468 height=60></a>');
return(' ');
}
// -->
</SCRIPT>
<SCRIPT language="JavaScript">
// <!-- Main
banners();
// -->
</SCRIPT>

Вам нужно лишь скопировать код скрипта и заменить/добавить ссылки. Естественно, кроме картинок можно выводить сопутствующий текст.

Если вам очень хочется, чтобы пользователь не мог узнать, куда ведет баннер, посмотрев в строку состояния, то можно вместо прямых ссылок использовать ссылки на map-файлы (сервер-ориентированные ImageMap). На том, как это делается, остановлюсь в одной из следующих заметок.

Когда есть необходимость размещать приведенный выше код баннера сразу на многих страницах сайта (или даже на нескольких сайтах сразу), гораздо удобнее хранить его в отдельном файле и включать в HTML-страницы посредствам SSI (Server Side Includes). Конечно, если ваш сервер это позволяет. При этом достаточно изменить код баннера один раз, чтобы он изменился на всех страницах. Нужно всего лишь прописать в разметке страниц строчку
<!--#include virtual="banner_file"-->
где banner_file - виртуальный путь к файлу, в котором находится скрипт баннера.


Конечно, сказанное в последнем абзаце звучит довольно дико, но все-таки, SSI - это вполне самостоятельная технология, которую можно использовать не только в сочетании с CGI-скриптами.


Все заметки: 1 2 3 4 5 6 7 8 9 11 12 оглавление