Основы баннерной рекламы

Спецификация «плавающих» фреймов позволяет внедрять в структуру Web-страниц отдельные HTML-документы, описываемые парным тегом . Данная конструкция поддерживается только браузером Microsoft Internet Explorer и другим ПО для просмотра сайтов, разработанным на базе упомянутого браузера. Однако, учитывая статистику использования браузеров среди пользователей Интернета, на сегодняшний день многие баннерные сети и рекламные площадки активно применяют «плавающие» фреймы (например, RLE Banner Network, Lycos-Pocciw и др.). Для того чтобы HTML-баннер отображался на странице, в нужном месте документа нужно вставить следующий код (листинг 11.2).

...

Листинг 11.2. Отображение HTML-баннера с помощью «плавающего» фрейма

Поясним элементы кода: iframe src="http://www.server.ru/banners/iframe/banner.html" – путь на сервере рекламодателя или издателя к встраиваемому HTML-документу; name="banner" – «имя» встроенного файла (необходимо для программы-обработчика в HTML-баннере); width=468 height=60 – фиксированные размеры фрейма, совпадающие со значениями ширины и высоты HTML-баннера (в данном случае – это Full Banner); scrolling="no" – атрибут, определяющий наличие полосы прокрутки во встроенном документе; framebordeг=0 – толщина рамки вокруг встроенного файла; Ваш браузер не поддерживает «плавающие» фреймы – сообщение для обладателей браузеров, не имеющих поддержки «плавающих» фреймов (пользователи Microsoft Internet Explorer этого сообщения не увидят).

Все эти параметры, как правило, одинаковы для любых встраиваемых документов: меняются лишь размеры, «имя» файла и путь к нему. Остальные настройки следует оставлять без изменений, в противном случае загружаемый баннер будет сильно выделяться относительно «родительской» страницы (в которую он встроен): рамка в один и больше пикселей и полоса прокрутки навряд ли придадут рекламному HTML-баннеру особую привлекательность (рис. 11.1).

Рис. 11.1. HTML-баннер с полосой прокрутки

Второй вариант встраивания одних документов в другие потребует поддержки так называемых «включений на стороне сервера» – SSI (Server Side Includes):