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

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

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

По умолчанию показ статуса в скайп отключен в целях приватности. Чтобы включить эту возможность для себя, залогинтесь в Skype и в верхнем меню выберите:
"Инструменты" ("Tool") > "Настройки" ("Options").
В появившемся окне нажмите "Безопасность" ("Privacy").
Если есть кнопка "Открыть дополнительные настройки" ("Show Advanced Options") - нажмите ее.
Поставьте галку напротив пункта "Показывать мой статус в сети" ("Allow my status to be shown on the web"). Нажмите сохранить. Теперь Ваш статус виден на сайте.

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

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

<!--
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 на компьютере пользователя. При отсутствии предлагается скачать и установить программу.

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

<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 – посмотреть профиль пользователя.

Ну, а для самых ленивых предлагаю собственный сервис получения изображения со статусом Skype. Для его использования введите свой скайп-логин, выберите дизайн, тип кода и нажмите кнопку «Получить код». Варианты HTML-кода такие: просто изображение, изображение со ссылкой звонка в скайп и те же варианты, но с JavaScript, предотвращающим кэширование изображения.

В таблице показан внешний вид всех вариантов дизайна.

Дизайн статусов Skype
Название Изображения статусов
smallicon smalliconsmallicon smallicon smallicon smallicon smallicon
mediumicon mediumicon mediumicon mediumicon mediumicon mediumicon mediumicon
smallclassic smallclassic
smallclassic
smallclassic
smallclassic
smallclassic
smallclassic
bigclassic bigclassic
bigclassic
bigclassic
bigclassic
bigclassic
bigclassic
balloon balloon
balloon
balloon
balloon
balloon
balloon

От себя замечу, что только варианты smallicon и smallclassic использует прозрачный фон и, потому, могут быть использованы на сайтах с фоновыми цветами, отличными от белого. Остальные варианты подходят только для сайтов с белым фоном.

Получить корректный код можно также на моем сервисе.

пишут (только по-английски

пишут (только по-английски нашел обсуждение), что нельзя пока текст SMS внести.
http://forum.skype.com/
зато есть API и API wrapper Skype4COM
http://developer.skype.com/accessories
пробовал Tracer.exe - интересно, но бесполезно

Спасибо

Спасибо, добавил в ЖЖ, работает :) Добавил Вас в френды уж очень просто умеете излагать.

Взаимно. Почитаю, что вы там

Взаимно. Почитаю, что вы там пишете. :)

Вопрос

Спасибо за инструкцию - с установкой проблем не было! Однако после установки кнопки я заметила белую точку вверху экрана. Вы можете наблюдать ее на моем сайте! Это стало проблемой, так как фон у меня серый. Называется эта штука Skype Client Detection Kit. C помощью Firebug Firefox я нашла код, отвечающий за размер и положение, но этот код невидимый для редактирования в футере. У вас на сайте я эту точку не вижу. Возможно, у вас она попала на белый фон. Тем не менее подскажите, как ее уменьшить или передвинуть куда-нибудь в угол вниз. Спасибо.

Постараюсь завтра ответить.

Постараюсь завтра ответить. Сёдни – в отладке.

Извените а что это за

Извените а что это за картинка в описании класса боди images/main-bg.jpg
ПСЫ
1 она должна быть в формате png с прозрачным фоном тогда пропадёт ваш квадратик

Да забыл спросить зачем она

Да забыл спросить зачем она вообще там нужна?

Тем не менее подскажите, как

Тем не менее подскажите, как ее уменьшить или передвинуть куда-нибудь в угол вниз. Спасибо.

Попробуйте вставить перед или после такой код, может поможет сдвинуть:
 

Тем не менее подскажите, как

Тем не менее подскажите, как ее уменьшить или передвинуть куда-нибудь в угол вниз. Спасибо.

Попробуйте вставить перед </body> или после </div> <!-- end #page-wrap --> такой код, может поможет сдвинуть:
<div style="position: relative; left: 100%; top: 100%;"> &_n_b_s_p_;</div>

Да уберите подчеркивания ато

Да уберите подчеркивания ато на этом сайте некоректный обработчик форм режет все коды вместо преобразования.
Покрайней мере на моём сайте так получилось убрать эту точку в нижний правый угол.

Благодарность

Большое спасибо! Все отлично работает!

Благодарность.

Огромное спасибо за ваш сервис. Очень помогла информация на нем. вы проделали кропотливую работу. Еще раз спасибо.

Не реагирует на изменение статуса (уже час)

http://www.au-to.ru/poisk_gruza_ati1.php - один код с сайта разработчика
И ни один код не изменил статус...
Зашел с другого браузера - все равно показывает старый статус?..

В настройках безопасности

В настройках безопасности Скайпа поставьте галочку на Показывать статус онлайн.

галочку в безопасности

галочку в безопасности поставил сразу. Писал о неполадке уже после...
Статус наладился "сам" только к утру...
Все-таки странно, что заход с новых браузеров еще долго показывал старый статус...

Спасибо за ваш сервис!Скайп

Спасибо за ваш сервис!Скайп работает отлично. Один вопрос. Поставила на сайт icq (код из вашего генератора), значки отображаются только когда статус онлайн. Когда статус офлайн значки пропадают с сайта, оставляя только невидимую точечку в 2 на 2 пикселя с работающей ссылкой. Подскажите что не так?

Дайте ссылку на сайт, где

Дайте ссылку на сайт, где проблема.

http://vozilkin.com/contacts/

Джаваскрипт Скайп

Есть ли возможность с помощью какой-либо библиотечной функции джаваскрипта проверить статус аккаунта? Собственно, задача следующая: есть несколько аккаунтов скайпа. Требуется показать на сайте только те из них, которые находятся в онлайне в данную секунду. Заранее спасибо за совет.

Программный способ на PHP

Программный способ на PHP http://shaman.asiadata.ru/node/340

Посылаем HEAD-запрос и смотрим длину контента, которую отдаёт сервис. Если на JS есть сходные функции, то можно переписать код.

Спасибо за информацию

Очень помогла Ваша статья, почему то на сайте скайпа не смог найти информацию об этих иконках!

http://www.skype.com/go/skype

http://www.skype.com/go/skypebuttons
-->