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

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

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

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

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

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

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

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

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

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

Одним из таких сервисов является - 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>

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

 

15 комментариев

  1. Дмитрий Давыдов

    Напишите почему перестали отображаться значки положения в сети Скайпа?

    1. Дмитрий Давыдов

      Не знаю, нужно посмотреть. На днях гляну и попробую разобраться

  2. Дмитрий Давыдов

    Чтобы показать сетевой статус на страницах сайта, в «настройках программы» в разделе «Безопасность» вы должны включить опцию «Показывать мой сетевой статус в Интернете». Как правило, после того как вы нажмёте кнопку «Сохранить» в течение нескольких минут можно будет увидеть ваш текущий статус.

  3. Дмитрий Давыдов

    Чтобы показать сетевой статус на страницах сайта, в «настройках программы» в разделе «Безопасность» вы должны включить опцию «Показывать мой сетевой статус в Интернете». Как правило, после того как вы нажмёте кнопку «Сохранить» в течение нескольких минут можно будет увидеть ваш текущий статус.

  4. Дмитрий Давыдов

    Чтобы показать сетевой статус на страницах сайта, в «настройках программы» в разделе «Безопасность» вы должны включить опцию «Показывать мой сетевой статус в Интернете». Как правило, после того как вы нажмёте кнопку «Сохранить» в течение нескольких минут можно будет увидеть ваш текущий статус.

  5. Дмитрий Давыдов

    нет такой опции в скайпе - что делать?

  6. Дмитрий Давыдов

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

  7. Дмитрий Давыдов

    Добавляла кнопку последним способом ссылкой с картинкой

  8. Дмитрий Давыдов

    Спасибо! Все заработало

  9. Дмитрий Давыдов

    На друпале не работает. Перекидывает на site-name/skype:логин?call.
    Как результат - "страница не найдена"

  10. Дмитрий Давыдов

    skype://логин?chat нужно добавить "//"

  11. Дмитрий Давыдов

    нет настройки БЕЗОПАСНОСТЬ. где искать?

    1. Дмитрий Давыдов

      Наталья, о какой настройке идет речь?

    2. Дмитрий Давыдов

      dimadv7, в последней версии скайпа нет: "Инструменты > Настройки > Безопасность", ну или я не нашла... скриншот: https://cloud.mail.ru/public/qA5v/4uh97eVM7

    3. Дмитрий Давыдов

      Наталья, да, вполне возможно. Попробуйте не учитывать это. Не работает все равно?

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

 

© 2014 — 2020, Smartlanding.biz. Все права защищены. Любое использование материалов допускается только с указанием активной ссылки на источник. Политика конфиденциальности