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

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

Теги

Добавить комментарий

Ограниченный HTML

  • Допустимые HTML-теги: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Строки и абзацы переносятся автоматически.
  • Адреса веб-страниц и email-адреса преобразовываются в ссылки автоматически.
CAPTCHA
А не робот ли вы случайно?
2 + 1 =
Решите эту простую математическую задачу и введите результат. Например, для 1+3, введите 4.