- PVSM.RU - https://www.pvsm.ru -

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

image

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

Генератор сниппета социального кода для Skype можно найти на этой странице [3]. Помимо предлагаемых по умолчанию стандартных кнопок (маленьких, побольше, круглых или квадратных), можно при желании добавить к кнопке и кастомный 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

Источник [4]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/programmirovanie/102605

Ссылки в тексте:

[1] запустилась: http://geektimes.ru/post/252010/

[2] падения десктопного приложения Skype: http://habrahabr.ru/post/267315/

[3] странице: https://www.skype.com/en/create-share-buttons

[4] Источник: http://geektimes.ru/post/265262/