Большинство статей по созданию сайтов, помещаемых в
нашем журнале, рассказывает о том, что вебмастер сайта может предложить
своим посетителям. А эта статья расскажет о другом - о том, что можно
предложить своим коллегам, другим держателям сайтов. Причем принятие
этого предложения будет полностью взаимовыгодным. Более того, вполне
возможно, что авторы сайтов начнут за ним прямо-таки гоняться, принимая
его даже без вашего ведома...
Речь идет об информерах -
небольших объектах, фрагментах текста или картинках, которые владельцы
сайтов могут предоставить другим таким же владельцам для вставки на
веб-страницы. Смысл их в том, что авторы информеров обычно берут на
себя обязательство часто их обновлять. А это, в свою очередь, приводит
к тому, что те веб-страницы, на которых информеры установлены, тем
самым тоже меняются. В результате интересный информер может привлекать
на сайт посетителей, и для такого привлечения владельцу сайта
понадобится просто один раз его поставить. Автору информера выгода тоже
ясна - сам информер может быть ссылкой на его сайт, и посетители, зайдя
на сайт с информером, могут и не отказаться от мысли перейти на сайт
создателя информера.
Если вся эта перспектива
вас привлекла, то следующие строки - для вас. Перед тем как начать
"информеростроение", следует ответить на самый главный вопрос в этой
ситуации - что я могу предложить своим посетителям?
Если вы готовы к тому,
чтобы каждый день или хотя бы раз в два-три дня собирать из Интернета
или газет интересные и полезные новости, подбирать красивую картинку,
придумывать интересную историю, то ваш информер вполне может
рассчитывать на довольно широкую аудиторию. Ведь устанавливать его
будут не от большой любви к вам, а как раз рассчитывая, что он своими
частыми изменениями и ценной свежей информацией разнообразит сайт,
повысит его посещаемость. Забыв же об обновлении информера, вы вскоре
останетесь единственным его владельцем или будете обнаруживать его лишь
на таких же забытых сайтах.
Впрочем, обратите
внимание, что информеры на наиболее популярную тематику (погода, курс
валют, свежие новости) давно уже оприходованы теми или иными крупными
порталами. Конкурировать с ними неразумно: все равно чаще, чем
новостные агентства, вы свой сайт обновлять не сумеете. Куда как лучше
выбрать что-нибудь оригинальное или авторское: например, придумывать на
каждый день свежий афоризм Или помещать прогноз событий на текущий
день, составленный вами лично на основании гадания на картах (если,
конечно, вы имеете соответствующий дар). А можно выкладывать новый
интересный вопрос для игры "Что? Где? Когда?" со скрытым ответом.
Не стоит придумывать
информер, для полного использования информации на котором посетителю
придется перейти на ваш сайт (например, состоящий из кратких анонсов
размещенных на вашем сайте статей) - вебмастерам вряд ли придется по
нраву бесплатная реклама вашего сайта. Только в том случае, если ваш
сайт уже весьма популярен и прославлен, можно рассчитывать на признание
"сайтостроительной" аудитории.
Продумайте
и будущий размер информера. В информер малого размера много информации
не поместишь, зато большой информер мало кто будет себе устанавливать -
его ведь труднее вписать в дизайн страницы.
Выбрав цель и обдумав будущее содержание информера, можно переходить к разработке плана.
Любой
информер состоит из двух компонентов - той части, что находится у вас
на сайте и которую вы регулярно обновляете, и неизменяемого фрагмента
кода, который вы и будете раздавать вебмастерам.
Часть, находящаяся у вас
на сайте, может представлять собой картинку в формате jpg или gif,
некий фрагмент текста или сочетание картинки и текста. Принимая
решение, не забудьте, что многие пользователи, особенно оплачивающие
входящий трафик, отключают отображение картинок в браузере, так что
аудитория "картиночного" информера будет меньше, чем текстового.
Фрагмент кода, предназначенный для раздачи, в свою очередь, может быть
построен либо на базе либо стандартного HTML-кода, либо сценария на
Javascript, а может представлять собой короткую программу на PHP. У
каждого из вариантов есть свои достоинства и недостатки (см. ниже).
1.
Если весь ваш информер представляет собой картинку, то код, выдаваемый
веб-мастерам, представляет собой попросту команду <img
src="http://адрес_вашего_сайта/путь_к_картинке"
height="высота_информера" width="ширина_информера"> Можете еще
окружить его тегами <a href=...>, ведущими на ваш сайт - чтобы
щелчок по информеру приводил к переходу на ресурс, с которого информер
загружается.
Обратите
внимание, что многие сайты бесплатного хостинга, например,
www.narod.ru, не показывают размещенные на них картинки, если они
включены в веб-страницу, расположенную не на этом хостинге. Если тот
хостинг, на котором размещен ваш сайт, тоже так настроен, то придется
прибегнуть к небольшому ухищрению. Создайте на вашем сайте
веб-страницу, содержащую только указанный выше тег <img...>, а
вебмастерам, желающим разместить вашу картинку-информер и на своих
сайтах, раздавайте код:
<iframe
src=http://адрес_вашего_сайта/путь_к_веб-странице_с_тэгом_img
frameborder=0
scrolling=no
height=высота_картинки
width=ширина_картинки
marginheight=0
marginwidth=0
></iframe>
В
итоге в страницы сайтов будет вставлено "окошко", в котором будет
показываться находящаяся на вашем сайте веб-страница, а уже на этой
странице будет отображаться картинка-информер. Сервис хостинга не
поймет, что ее запрашивают с другого сайта.
Недостаток
способа в том, что некоторые старые браузеры не понимают тега iframe,
кроме того, при его использовании вебмастер не сможет по своему желанию
изменить величину картинки с информером (изменения параметров height и
width тега iframe обрежут картинку, а не увеличат или уменьшат ее),
что, опять-таки, сокращает число потенциальных пользователей.
Обязательно
указывайте параметры frameborder=0 и scrolling=no, иначе картинка будет
выглядеть крайне неприглядно. Не забывайте регулярно готовить новую
картинку и выкладывать ее на свой сайт.
2. Если ваш информер состоит из текстовой информации или из текста и картинки, то его будет сделать чуть сложнее.
а) Средства HTML
Применяется
точно такой же прием, что и выше, - тег . Текст информера помещается в
некую веб-страницу, а пользователям раздается код:
<iframe
src=http://адрес_вашего_сайта/путь_к_веб-странице_с_текстом_информера
frameborder="0"
scrolling=no
height=предполагаемая_высота_ информера width= предполагаемая_ ширина_информера
marginheight=0
marginwidth=0
></iframe>
Отличие
тут в том, что необходимо оценить предполагаемые размеры информера, что
нетрудно сделать экспериментальным путем, устанавливая разные значения
высоты и ширины и наблюдая за отображением информера в браузере. Если
текст информера не поместится в отведенных ему границах, выходящая за
них его часть просто не будет отображаться на странице.
В
информере, включаемом таким путем, вполне могут присутствовать и
картинки, и музыка, и сценарии - просто вставьте их в ту веб-страницу,
которая указана в параметре src тега iframe.
б) Средства JavaScript
Это
наиболее распространенный способ включать информеры в веб-страницы.
Используется возможность размещать код веб-страницы и код ее сценариев
на разных узлах Сети с помощью параметра src в теге <script>.
Вначале
следует создать текст информера, оформив его в виде сценария на
Javascript. Для вывода на веб-страницу текста удобнее применять команду
document.write ("текст информера");
поместив выводимый текст (который может содержать HTML-теги) в ее параметр.
При этом обратите внимание, что:
- разрывы строк, концы абзацев в содержимом команды write недопустимы - они будут выдавать ошибку;
- необходимо заключить выводимый текст в одинарные кавычки, а после команды поставить точку с запятой;
- при необходимости поместить в текст одинарные кавычки их следует предварять обратным слешем: \' (иначе возникнет ошибка).
При
желании можно в качестве текста информера использовать и более сложный
сценарий, например, включить в него выпадающее меню, а в зависимости от
выбранного пункта в нем информер будет отображать разные сведения.
Требование одно - при включении созданного сценария в веб-страницу он
должен корректно и без ошибок отображать то, что вы хотите включить в
информер.
Если вы хотите вставить
в информер какой-либо рисунок - просто вставьте в выводимый текст
вызывающий его тег <img>. Например:
document.write
("<img src=http://*****.ru/informer.gif><br>Текст *** текст
*** текст.<br><a href=http://*******.ru>Сайт
*******</a>");
Однако
обратите внимание, что в этом случае будет иметь значение сказанное в
предыдущем пункте о картинках на сервисах бесплатного хостинга. При
необходимости используйте отдельные странички с картинками и тег
<iframe>. Веб-мастерам, пожелавшим установить ваш информер,
раздавайте код
<SCRIPT language=JavaScript
src="http://адрес_вашего_сайта/путь_к_файлу.js"></SCRIPT>
Недостаток
способа - если у посетителя в браузере отключено выполнение сценариев
на Javascript или в файерволе установлен режим автоматического удаления
сценариев из всех загружаемых веб-страниц, то увидеть информер ему не
удастся.
в) Средства PHP
Наконец,
информер можно включать в другие веб-страницы средствами PHP. Для вас
это, пожалуй, будет наиболее простым действием. Создайте веб-страницу с
текстом информера, разместите ее на своем сайте, а вебмастерам
раздавайте код
<?php
readfile ("http://путь_к_файлу_с_информером");
?>
Команда
readfile загружает файл, адрес которого указан в ее параметре, и
вставляет его содержимое в веб-страницу, содержащую эту команду.
Загруженный файл никак не обрабатывается, просто вставляется в страницу
один к одному, как если бы его содержимое было открыто в текстовом
редакторе и скопировано в текст веб-страницы с командой readfile на то
место, где эта команда находится.
В
информере, включаемом таким путем, также могут присутствовать и
картинки, и музыка, и любые сценарии - просто вставьте их в ту
веб-страницу, которая указана в команде readfile, однако помните, что в
тегах, вставляющих картинки, сценарии, музыку, должны указываться
абсолютные (то есть полные, с указанием адреса вашего сайта) пути к
файлам.
Немаловажное
достоинство этого способа в том, что вставленный информер будет
отображаться на веб-странице, сохраненной в режиме "Только HTML", и без
подключения к Сети, в то время как все предыдущие способы - и с помощью
тега <iframe>, и посредством JavaScript - для отображения
информера требуют либо сохранения как "Веб-страница, полностью", либо
активного соединения с Интернетом.
Кроме
того, в отличие от предыдущих способов, вставленный информер воспримет
все стили и все оформление той веб-страницы, в которую он вставлен, то
есть пользователь может гибко настроить его внешний вид, тем более,
если вы используете в информере особые стили и опишете их в
документации к информеру.
Однако
будут ли использовать PHP-информер люди, зависит от их доверия к вам:
несмотря на то, что приведенный код информера совершенно безвреден в
плане возможного взлома для тех сайтов, на которых он размещен, обычно
отнюдь не каждый вебмастер решается его применять (возможно, опасаясь
самого слова "PHP"), предпочитая старый добрый JavaScript.
Кроме
того, на сервисах бесплатного хостинга обычно нет поддержки PHP, и
данный способ для владельцев размещенных на них сайтов будет
неприменим.
3. Насчет выбора способа предоставления информера можно сказать следующее.
- если
ваш информер - картинка, расположенная не на сервисе бесплатного
хостинга, то раздавайте код с тегом <img
src=http://ваш_сайт/ваш_информер>.
- если ваш
информер - картинка, расположенная на сервисе бесплатного хостинга, то
раздавайте код с тегом <iframe...>, ссылающимся на веб-страницу,
которая уже содержит тег вставки картинки. То же самое делайте в любом
случае, если ваш информер содержит текст и картинку, - разместите все
содержимое информера на веб-странице, на которую ссылается тег
<iframe...>.
- если вы
хотите сделать интерактивный информер, содержащий выпадающие меню,
меняющиеся тексты, то можете использовать как способ с тегом
<iframe...> (включив сценарии в веб-страницу, на которую
указывает тег), так и применять JavaScript, поместив код отображения
информера в Java-сценарий и раздавая код, включающий этот сценарий в
веб-страницы ваших пользователей.
- если вы
желаете, чтобы ваш интерактивный информер был виден даже в старых
браузерах и не имел особых проблем с некоторыми настройками
безопасности - используйте средства JavaScript для его вставки в
веб-страницы.
- наконец, в
любом случае, за исключением варианта 1, предлагайте пользователям
PHP-код для вставки информера. Это наилучший вариант и для
пользователей, и для их посетителей (хотя, к сожалению, первые пока что
относятся к нему настороженно).
4.
Вот пример информера, который достаточно обновлять один раз в несколько
дней. Он выводит на веб-страницу интересные вопросы, узнать ответ на
которые можно, подведя курсор к вопросу.
На сайте *****.ru, раздающем информеры, в файле informer.php находится код:
<?php
$a[]="<span title=\"Ответ 1\">Вопрос 1</span>";
$a[]="<span title=\"Ответ 2\">Вопрос 2</span>";
$a[]="<span title=\"Ответ 3\">Вопрос 3</span>";
//... такие же строки на каждый вопрос...
$c=rand(0, sizeof($a)-1);
echo ($a[$c]);
?><br><font size=-1>(Поднесите курсор к вопросу и узнаете ответ)</font>
В
каждую из строк помещается интересный вопрос, а перед ним в теге
<span> - ответ на него. Вебмастерам выдается такой код:
<iframe src=http://*****.ru/informer.php frameborder="0" scrolling=no height=200 width=200
marginheight=0 marginwidth=0></iframe>
или
<?php
readfile ("http://*****.ru/informer.php");
?>
5.
То, что сказано выше, - это лишь основы, элементарные вещи. Бесспорно,
тему информеров можно развивать и дальше, и глубже. Например, если вы
все же не стремитесь ежедневно уделять несколько минут обновлению
информера, то можете написать сценарий на PHP, который при каждом
запросе информера будет генерировать его новый вариант - скажем, брать
"прикольную фразу" из большого списка и вставлять ее в этот самый
информер.
При
разработке информера обращайте особое внимание на возможности
произвольного задания его размеров, чтобы веб-мастерам было легче
встраивать его в страницы сайта. По возможности делайте несколько
вариантов оформления информера и предлагайте выбрать тот, который лучше
подходит к дизайну их сайта.
А
что до главного критерия - он прост: если сделанный вами информер
самому хочется поставить на главной странице своего сайта, то вы, по
меньшей мере, на верном пути...