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

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

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

Для получения готового кода можно воспользоваться генератором кодов кнопок 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 использует прозрачный фон и, потому, могут быть использованы на сайтах с фоновыми цветами, отличными от белого. Остальные варианты подходят только для сайтов с белым фоном.

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

Даже не знал о такой

Даже не знал о такой функции,может быть очень полезной для интернет-магазинов.

Огромное спасибо

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

А я ленив

А я ленив. Потому и код пишу, чтобы потом не работать. :)

Не правильно отображается статус скайпа на сайте

Всё установилось, но не правильно отображается статус скайпа на сайте. В действительности абонент находится в сети, а статус на странице показывает, что не в сети. Хотя, если нажать на кнопку "не в сети", то переход на скайп абонента происходит. Можете помочь разобраться - почему? Спасибо.

В верхнем меню

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

Теперь Ваш статус виден на сайте.

Пусть абонент в настройках

Пусть абонент в настройках безопасности Skype поставит галочку на опции «Показывать мой статус с Интернет»

статус скайпа оффлайн

Пусть абонент в настройках безопасности Skype поставит галочку на опции «Показывать мой статус с Интернет»
Это я сделал
Но все равно оффлайн. Где то вычитал что глюк от того что используется нижнее подчеркивание в скайп-логине. Кто нибудь знает как решить эту проблему.

проблема решилась как то сама

проблема решилась как то сама собой, раьотает правда все равно как то через раз

Может их сервак перегружен

Может их сервак перегружен или еще что-то.

Не работает ни один код

Не работает ни один код

Смотрю на шапку своего сайта

Смотрю на шапку своего сайта и вижу, что все прекрасно работает. Вы покажите страницу на которой не работает?

а у меня почему-то всегда

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

Покажите где?

Дайте ссылку на страницу где это можно посмотреть?

Все сделал,как сказано у

Все сделал,как сказано у Вас,но у меня постоянно показывает оффлайн!Галочку безопасности поставила,но увы...

Покажите, где этот код стоит

Покажите, где этот код стоит - я гляну. Может ошиблись.

мой сайт в стадии разработке

мой сайт в стадии разработке http://ballonart.od.ua Я ,конечно ,новичок в этом деле,поэтому огромное спасибо за то,что откликнулись)Вот HTML МОЕЙ ГЛАВНОЙ СТРАНИЦЫ!!зАРАНЕЕ СПАСИБО)))

Ой,заработало

Ой,заработало само)))))Все-равно спасибочки огромное -огромное!!!!!!!

У вас вставлено так: <img

У вас вставлено так:

<img width="150" height="60" border="0" style="border: medium none ;" alt="Мой статус" src="http://mystatus.skype.com/balloon/ИМЯ_ЮЗЕРА">

После первого запроса картинки браузером, последующие будут давать картинку из кеша. Потому может пройти изрядное время, пока вы увидите изменение статуса. Используйте вариант кода с JavaScript. Он всегда будет запрашивать новую картинку

скажи, а куда вставлять этот

скажи, а куда вставлять этот код?

Да хоть куда

В сайт, блог. Для форумов в общем случае не подойдёт.

Куда вставлять этот код на

Куда вставлять этот код на сайте одноклассники?

О, одноквасники...

Я ими не пользуюсь. В таких местах, как форумы и социальные сети, размещение статусов всяких скайпов и асек обычно предусмотрено в профиле пользователя. Посмотрите там. Если нет запросите их техподдержку о такой возможности. В любом случае вставить там код с яваскриптом, который привендён в заметке, не получится. Но если вы возьмёте только картинку <img />, то может получиться. Правда, онлайн-статус будет отображаться не всегда правильно из-за кеширования изображения.

А точнее куда его вставить на

А точнее куда его вставить на одноклассниках?
p.s
У других пользователей я видел значок скайпа возле ихнего имени.

Я же сказал - не пользуюсь

Читать умеете? Я же сказал - не пользуюсь ими. Раз видели у имени - ищите в профиле пользователя. Или читайте ихнюю справку. Не удивлюсь, если на жаднокласниках эта фича окажется платной. :)

Спасибо!

Спасибо! Очень помогла Ваша статья! Все понятно и подробно написано, работает корректно. Очень выручили!

Не за что

Не за что. Информация вроде бы тривиальна.

Вообще то все настройки нашел

Вообще то все настройки нашел здесь: http://www.skype.com/intl/ru/share/buttons/wizard.html
смотрите, настраивайте, пользуйтесь.
Поставил на свой www.nordridog.narod.ru , теперь радуюсь!
Давно думал такую штуку сделать, вот наконец решился :)
Автору СПАСИБО за совет!

Спасибо за статью, все

Спасибо за статью, все работает.

А чё такое...

А чё за статус "Skype Me" и "I'am not avaible"?
P.S. Версия Skyp'а 4.2.0.166(последняя)

КУДА КОД ВСТАВИТЬ

ПОДСКАЖИТЕ КУДА ЭТОТ КОД ВСТАВЛЯТЬ ТО , В АДРЕСНУЮ СТРОКУ БРАУЗЕРА ? - НЕ ПОЛУЧАЕТСЯ ... ПИШЕТ ЧТО НИЧЕГО НЕ НАЙДЕННО ПО ЭТОМУ ЗАПРОСУ (((((((((((((((((

ДЛЯ БЛОНДИНОК

Блондинкам пишущим КАПСЛОКОМ поясняю, этот HTML-код вставляется в HTML-код страницы сайта.

Доброго времени суток Очень

Доброго времени суток
Очень полезная информация!!
На моем сайте: http://www.notproblem.ru/ в разделе контакты это работает.
Респект и огромная благодарность автору данной статьи.

Cпасибо

Спасибо за такое подробное объяснение!!!!! Очень помогло)))) А то все приходится делать методом тыка)))

Отправить комментарий

Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступны HTML теги: <a> <em> <strong> <cite> <code> <s> <u> <ul> <ol> <li> <dl> <dt> <dd>
  • Строки и параграфы переносятся автоматически.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • Images can be added to this post.

Подробнее о форматировании

CAPTCHA
Защита от спама: ответьте на вопрос.
Image CAPTCHA
Enter the characters shown in the image. Ignore spaces and be careful about upper and lower case.