Как добавить кнопку Скайп на сайт

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

Недавно просили помочь с лендингом (нужно было добавить анимацию), и на сайте я заметил подобную интерактивную кнопку, которая светилась, когда владелец был онлайн. Мне очень понравилась эта идея. И я решил написать статью на эту тему, чтобы и вы знали, как сделать Скайп кнопку на своем сайте.

Как добавить интерактивную кнопку Скайп на сайт

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

Инструменты - Настройки - Безопасность

И поставить галочку напротив "Показывать мой сетевой статус в интернете". Не забываем сохранить.

Теперь непосредственно подключение.

Я нашел несколько сервисов, которые позволяют сгенерировать данную кнопку, причем, можно задать параметры не только на звонок, чат и даже на передачу файлов. Приступим...

Одним из таких сервисов является - im.servisator. Давайте посмотрим настройки:

"Имя Skype" - здесь нужно прописать свой логин в Скайп.

"Image type" - в этом поле нужно выбрать, как будет выводиться картинка -с использованием javascript или без. Выбирайте на ваше усмотрение.

Изначально я думал, что если выбирать "без использования javascript", то не будут выводиться статусы, а только "online / ofline". Но я не поленился и проверил. Оказалось, что присутствует полный функционал  при использовании обоих типов подключения.

"Text type" - эта вкладка позволяет вывести логин напротив иконки,  который можно заменить на любой. Например: "Связаться со мной в Скайпе"

"Link type" - здесь задаете действие, которое будет происходить при нажатии значка Скайп на вашем сайте: звонок, чат или передача файла и т.д.

Далее нужно  выбрать  стиль отображения из следующих иконок и нажать "Get HTML - code":

После этого перед вами откроется новая страница, в которой будет поле с кодом, который необходимо скопировать на ваш сайт в то место, где бы вы хотели видеть иконку Скайп:

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

Итак, для того, чтобы самостоятельно задать иконку и реализовать функцию звонка необходимо просто сделать ссылку вида:

<a href="skype:логин?call"></a>

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

<ul>
 	<li><a href="skype:СКАЙП-ИМЯ?voicemail"> - отправить голосовую почту</li>
 	<li><a href="skype:СКАЙП-ИМЯ?sendfile"> - отправить файл</li>
 	<li><a href="skype:СКАЙП-ИМЯ?userinfo"> - показать информацию о пользователе</li>
 	<li><a href="skype:СКАЙП-ИМЯ?chat"> - начать чат</li>
 	<li><a href="skype:СКАЙП-ИМЯ?add"> - добавить в контакты</li>
</ul>

Наверное вы уже догадались, что для того, чтобы добавить свою иконку, нужно просто добавить картинку стандартным образом. Вы могли не знать лишь о параметрах ссылки. То есть так:

<a href="skype:логин?call"><img src="img/skype.png"/></a>

Я специально завел рубрику "Иконки для сайта", чтобы вам было легче в подобных ситуациях подобрать хорошую картину. А на сегодня - все!  Пока!