Как с помощью HTML сделать ссылку на Скайп, телефон или почту

Если этот пост помог вам, и вы хотели бы показать свою поддержку, подумайте о том, чтобы заправить будущие посты, купив мне чашку кофе!

Arthur Gareginyan

Arthur is a designer and full stack software engineer. He is the founder of Space X-Chimp and the blog My Cyber Universe. His personal website can be found at arthurgareginyan.com.

Следовать за Arthur

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

Инструкция

В настоящий момент за разработку Skype отвечает компания Microsoft. Она же выпускает множество полезных инструментов для своего проекта. Один из них подойдет именно для требуемой в данном случаи задачи. Его удобство заключается в том, что от пользователя требуется минимальное количество действий. Причем в настоящий момент это встроенная функция.

В самом Skype необходимо разрешить приём звонков и сообщений от всех пользователей. Делается это на странице настроек в программе или в мобильном приложении.

Вызывается функция одинаково и в мобильном приложении, и в программе для ПК:

1. Нажмите на свое имя в верхней части окна.
2. И в новой форме – на «Профиль Скайпа».
3. Теперь кликните или тапните по надписи «Поделиться профилем».
4. И потом – по «Копировать в буфер обмена».
5. Теперь нужно скопированный URL куда-либо и отправить или прикрепить.

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

Также вы можете встроить ссылку на Скайпе на сайт, с помощью заранее подготовленного HTML-кода.

Интеграция на сайт

Такой метод подразумевает прописывание HTML-кода вручную. Он имеет такой вид:

*текст_кнопки*

Вот пример для пользователя с логином Login и действием add – добавление в контакты.

Добавь меня в контакты

В настоящий момент актуальны четыре действия:

• voicemail – возможность отправления голосового сообщения;
• add – предполагает добавление пользователя в контакты приложения;
• chat – дает возможность отправить личное сообщение;
• call (или личный номер телефона) – после перехода будет осуществлен моментальный звонок.

А чтобы просмотреть свой логин, в главной окне программы и кликните (или тапните) по отображаемому имени. Логин будет отображаться под ним в новой форме или на другой странице.

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

Как сделать ссылку на телефон

Итак, вначале рассмотрим, как сделать ссылку на телефон. Структура такой ссылки в HTML мало чем отличается от обычной.

1234567

Отображаемый номер будет, выглядит так 1234567, но если кликнуть по нему, начнется дозвон по номеру +375291234567, и только в том случае, если Вы зашли на сайт с мобильного телефона. Вместо 1234567, можно написать любой другой текст.

Такую ссылку, можно добавить не только на страницу «Контакты», или где то в статье, но и вставить ее в сам шаблон сайта, например шапку, или футер. Нажав на эту ссылку, мобильник высветит полный номер, и попросит от Вас подтверждения действия. Таким образом, Вы случайно не позвоните в другой город или страну.

• href – обязательный атрибут для создания ссылки
• tel – HTML5 протокол

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

Такие ссылки не ограничиваются только звонком на телефон, но можно еще делать ссылки на отправку SMS, звонок по Скайпу, или отправки сообщения на email. В этом случае, вместо протокола tel, можно вставить sms, skype или mailto. Вот список протоколов HTML5:

sms – отправить sms

отправить sms;

mailto – ссылка на почтовый адрес

Написать на почту;

tel – позвонить на номер телефона

позвонить на телефон;

Как сделать ссылку на Скайп

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

Ссылка на профиль пользователя

Любой текст

Skype_Login – логин пользователя в Скайпе.

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

Звонок на Скайп или телефон

Текст или логин

текст или номер телефона

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

Конференцсвязь между несколькими пользователями

Текст

Добавляем пользователя или номер телефона себе в контакты:

Добавить в пользователя

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

Пригласить в текстовый чат или мультичат:

Текстовый_чат

Мульти_чат

Оставить голосовое сообщение для пользователя

Текст или логин пользователя

Передача любых файлов по Скайпу

Логин пользователя

Текст

Посмотреть профиль пользователя

Профиль пользователя

Иногда возникает потребность внедрить в ваш сайт (блог, пост в социальной сети и т.д.) ссылку на ваш Skype-логин. Согласитесь, это удобно: посетителю достаточно кликнуть или тапнуть на ваше имя, чтобы запустить у себя программу и немедленно написать или позвонить вам. Разберёмся, как сделать ссылку на Скайп активной в HTML-коде.

Здесь есть один нюанс: для того чтобы мгновенный переход работал, у посетителя должна быть установлена программа Скайп, а также существовать логин (в противном случае любого можно было бы переадресовать на веб-версию чата).

Официальный способ

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

Существует такой инструмент и для создания ссылок на аккаунт Skype. Его можно найти по адресу https://www.skype.com/ru/developer/create-share-buttons/.

1. Введите в первое поле свой логин.
2. Выберите, что должен сделать посетитель, нажавший кнопку — позвонить вам или отправить сообщение. Возможно отметить оба варианта: тогда посетитель будет видеть выпадающее меню и сможет выбрать сам.
3. Воспользуйтесь выпадающими меню ниже, чтобы выбрать размер кнопки и её цвет.
4. Просмотрите в окне справа сверху, как будет выглядеть ссылка на Скайп на сайте. При необходимости измените свой выбор.
5. Скопируйте код в текстовом поле справа внизу, чтобы вставить его в код вашей страницы.
6. Откройте свой Skype и зайдите в меню параметров.
7. Выберите в разделе «Настройки уведомлений» получение сообщений от всех. В разделе «Звонки» также позвольте приложению принимать звонки от любых пользователей.

Теперь посетители вашей страницы смогут позвонить или написать вам, а ваш Скайп не будет отклонять звонки или сообщения от незнакомцев.

Больше свободы

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

(текст или изображение)

Разумеется, скобки приведены здесь для удобства и выделения значений; в реальной ссылке они не понадобятся. В поле «ваш логин», собственно, свой логин и вводите. В поле «действие» вы можете подставить одно из следующих действий:

• userinfo — просмотр профайла.
• add — добавление в контакт-лист.
• call — немедленный звонок.
• chat — отправка сообщения в чат.
• voicemail — отправка голосового сообщения.

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

Для действия call вместо логина пользователя Skype можно ввести телефонный номер. Тогда посетитель при нажатии сразу позвонит на обычный телефон через Skype.

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

Используемые источники:

• https://habr.com/ru/post/93655/
• https://mycyberuniverse.com/ru/create-html-link-that-starts-skype-call.html
• https://sergoot.ru/link-to-skype
• https://dvpress.ru/kak-sdelat-ssylku-na-skajp-telefon-ili-pochtu.html
• https://skypeshe.ru/faq/ssylka-na-skype