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

в 20:45, , рубрики: microsoft, skype, Программирование, Социальные сети и сообщества, социальный сети, шаринг

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

Автор: jeston

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js