Как стать автором
Обновить

К социальным кнопкам на сайтах теперь можно добавить кнопку Skype

Время на прочтение 2 мин
Количество просмотров 6K
image

Как известно, в июне этого года запустилась веб-версия Skype, которая доступна по адресу web.skype.com (именно она во время падения десктопного приложения Skype по всему миру 21 сентября сохраняла работоспособность). В связи с этим сегодня Microsoft предложила веб-мастерам к веренице значков социальных кнопок на сайтах добавить и кнопку Skype. Функциональность новой кнопки заключается в том, что после клика на ней запустится веб-версия Skype, далее потребуется выбрать контакты, с которыми хотелось бы поделиться ссылкой, ввести её описание при желании и, собственно, отправить ссылку.

Генератор сниппета социального кода для Skype можно найти на этой странице. Помимо предлагаемых по умолчанию стандартных кнопок (маленьких, побольше, круглых или квадратных), можно при желании добавить к кнопке и кастомный CSS-код. Сам скрипт выглядит следующим образом:

<script>
// Place this code in the head section of your HTML file 
(function(r, d, s) {
	r.loadSkypeWebSdkAsync = r.loadSkypeWebSdkAsync || function(p) {
		var js, sjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(p.id)) { return; }
		js = d.createElement(s);
		js.id = p.id;
		js.src = p.scriptToLoad;
		js.onload = p.callback
		sjs.parentNode.insertBefore(js, sjs);
	};
	var p = {
		scriptToLoad: 'https://swx.cdn.skype.com/shared/v/latest/skypewebsdk.js',
		id: 'skype_web_sdk'
	};
	r.loadSkypeWebSdkAsync(p);
})(window, document, 'script');
</script>

<!-- Add class skype-share but keep data-style attribute empty -->
<div class='skype-share' data-href='' data-lang='' data-style=''  style='text-align:center;width:100px;margin:auto;height:22px;background-color:#00AFF0;color:white;'>Share</div>


Отправленная контакту ссылка выглядит аскетично и в самой веб-версии Skype, и в десктопном приложении — судя по всему никакого короткого сниппета веб-страницы, как это, к примеру, делает в личных сообщениях Facebook, не добавляется:

image
Теги:
Хабы:
+6
Комментарии 12
Комментарии Комментарии 12

Публикации

Истории

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн