Как сделать ICQ или Skype картинку статуса на сайте?

skypeЕсли вы пользователь интернет-телефонии , то можете захотеть отображать ваш статус на вашем сайте. В этой заметке я помогу вам сделать это.

Skype предоставляет возможность показать ваш статус в этой системе при помощи картинки вставляемой в код сайта или форума. Для этого необходимо вставить в веб страницу картинку со специально сформированным адресом: http://mystatus.skype.com/дизайн_картинки/имя_в_скайп. Определяются шесть статусов: Онлайн, Позвони мне, Нет на месте, Недоступен, Не беспокоить, Оффлайн.

Для получения готового кода можно воспользоваться генератором кодов кнопок Skype на странице http://www.skype.com/share/buttons/, где среди массы просто кнопочек, можно получить код для кнопок со статусом.

Код отдается примерно такой:

<!--
Skype 'Мой статус' button
http://www.skype.com/go/skypebuttons
-->
<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<a href="skype:ИМЯ_В_СКАЙП?call"><img src="http://mystatus.skype.com/smallicon/ИМЯ_В_СКАЙП" style="border: none;" width="26" height="26" alt="Мой статус" /></a>

При подробном исследовании этого сервиса обнаружилось пять вариантов дизайна кнопок со статусом (остальное просто кнопки): smallicon, mediumicon, smallclassic, bigclassic и balloon. Внешний вид кнопок приведен в таблице ниже. Вместо слова ИМЯ_В_СКАЙП вставьте ваш скайп-логин из латинских символов, а не Ф.И.О, что отображается в списке контактов. Вместо smallicon – любой из приведённых выше имен дизайна. И, конечно, проще использовать генератор кода на странице Skype.

Правда, код не учитывает возможного кеширования изображения. Т.е., если на вашем сайте стоит такая кнопка, то даже после отключения от сети может пройти некоторое время, пока ваш статус изменится для посетителей, уже увидевших его. Довеском предлагается еще и JS-файл с дополнительными функциями проверки наличия Skype на компьютере пользователя. При отсутствии предлагается скачать и установить программу.

По аналогии с кодом статуса я предлагаю следующий способ вставки статуса на сайт:

<a href="skype:ИМЯ_В_СКАЙП?call">
<script type="text/javascript">
<!--
document.write('<img src="http://mystatus.skype.com/ДИЗАЙН/ИМЯ_В_СКАЙП?'+Math.random()+'" style="border: none;" alt="Skype status indicator" />')
//-->
0</script>
<noscript><div style="display:inline"><img src="http://mystatus.skype.com/ДИЗАЙН/ИМЯ_В_СКАЙП" style="border: none;" alt="Skype status indicator" /></div></noscript>
</a>

ДИЗАЙН – это один из параметров smallicon, mediumicon, smallclassic, bigclassic или balloon. .
ИМЯ_В_СКАЙП – ваш скайп-логин латинскими буквами.

Картинка получаемая этим кодом не будет кешироваться, если в клиентском браузере запущен JavaScript, а также более-менее соответвует стандартам W3C.

Немного о необычной ссылке вида skype:ИМЯ_В_СКАЙП?call. При установке программы Skype на компьютер пользователя, в настройки операционной системы и браузеров заносится информация о соотношении программы с этим протоколом. В этом случае при клике на такую ссылку будет запущен Skype, который и обработает остальные её параметры. Если Skype не установлен, то система просто скажет, что ничего не может сделать с такой гипер0ссылкой. Примерно, как с файлом, чьё расширение не подходит ни к одной программе. Кроме параметра call в ссылке могут применятся другие варианты со следующими значениями:
call – звонок пользователю Skype;
add – добавить пользователя в список контактов;
chat – текстовый чат с пользователем;
voicemail – голосовая почта;
sendfile – послать файл;
userinfo – посмотреть профиль пользователя.

Не забудьте в настройках своего аккаунта разрешить показывать свой статус в интерент

Статус ICQ на сайте

Сервис предоставляется сайтом популярного интернет-мессенджера ICQ. Лежащая на нем библиотека wwp.icq.com/scripts/online.dll перенаправляет на картинку со статусом указанного в параметрах номера пользователя. Код для вставки этой картинки прост:

<img  src="http://wwp.icq.com/scripts/online.dll?icq=HOMEP_ICQ&img=N"  border="0" />

Естественно, HOMEP_ICQ - это номер аськи, написаный без дефисов как целое число, а N - целое число от 0 до 27 (это на то время, когда пишу эту запись), которое определяет вид показываемой картинки.

Полезно дополнить картинку ссылкой на другой сервис ICQ, позволяющий сразу отправить сообщение пользователю.

<a  href="http://www.icq.com/whitepages/cmd.php?uin=HOMEP_ICQ&action=message">
    <img src="http://wwp.icq.com/scripts/online.dll?icq=HOMEP_ICQ&img=N" border="0" />
</a>

Правда, если мы хотим отображать на сайте текущее состояние чего-либо, не стоит забывать о кэшировании картинок. С вышеуказанным кодом при первой загрузке покажется картинка текущего состояния пользователя ICQ, но даже если оно изменится, кaртинка может остаться устаревшей, поскольку посетитель сайта будет получать ее из кэша своего браузера. Чтобы избежать этого, надо случайно изменять адрес картинки при каждой перезагрузке стрраницы. Делается это следующим образом:

<a  href="http://www.icq.com/whitepages/cmd.php?uin=HOMEP_ICQ&action=message">
<script type="text/javascript">
<!--
  document.write('<img border="0" src="http://wwp.icq.com/scripts/online.dll?icq=HOMEP_ICQ&img=N&rnd='+Math.random()+'" />
')
//-->
</script>
<noscript><img  border="0" src="http://wwp.icq.com/scripts/online.dll?icq=HOMEP_ICQ&img=N" /></noscript>
</a>


Запись навигация

Top