неофициальный блог

Замечательные возможности Skype

Майкрософт запустила кнопку «поделиться в Скайпе»

В начале этого месяца корпорация Майкрософт запустила кнопку «поделиться в Скайпе», которая поможет пользователям поделиться интересными сайтами со своими контактами. Если вебмастер добавит эту кнопку на сайте, пользователю больше не придётся запустить Скайп, скопировать URL-адрес и отправить его знакомому. Теперь, достаточно нажать на кнопку «поделиться», в результате чего откроется окно в браузере (при необходимости придётся ввести логин и пароль), где будет предложено выбрать контакты которым хочется отправить ссылку на страницу.
Майкрософт запустила кнопку «поделиться в Скайпе»

Для того чтобы получить кнопку «поделиться в Скайпе» для своего сайта, нужно посетить следующую страницу https://www.skype.com/en/create-share-buttons/ где с помощью специальной формой можно создать кнопку в 4 шага:
Создание кнопки «поделиться в Скайпе»
  1. Выбираем стиль кнопки.
    В данный момент есть 4 стандартные стили: большая и маленькая кнопка с текстом, а также круглый и квадратный значок. Также, существует возможность, создать собственный стиль (например, через атрибут class или style).

  2. Настраиваем URL-адрес страницы.
    По умолчанию, когда посетитель сайта нажимает на кнопку «поделиться», в качестве URL-адреса используется текущая страница. Но у нас есть опция, позволяющая вручную задать URL, который будет использован везде, вне зависимости от страницы которую просматривает посетитель.

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

  4. Добавляем кнопку на сайте.
    И последний шаг, скопируем полученный HTML-код и добавляем его на всех страницах сайта в нужное нам место (например, рядом с другими социальными кнопками).

Как я понял, кнопка «поделиться в Скайпе» находится в стадии тестирования и вся информация о ней (включая форму) доступна только на английском языке. Тем не менее, мы можем изменить язык кнопки следующим образом:
<div class='skype-share' data-href='' data-lang='ru' data-style='large'></div>

Обратите внимание, на атрибут "data-lang", для которого мы добавили код русского языка. Однако остаётся одна проблема: текст кнопки нельзя изменить (а сейчас там «Share» переведён как «Доступ»). Поэтому, придётся воспользоваться пятым способом и создать собственный стиль и текст. Стиль будем позаимствовать у оригинальной кнопки, а текст — собственный:
<div class='skype-share' data-href='' data-lang='ru' data-style=''>
  <link href="//swx.cdn.skype.com/skypewebsdk/shareButton/v/1.0.0.0/assets/css/shareButton.css" type="text/css" rel="stylesheet"/>
  <div class="skypeShare large">
    <span class="skypeShareLogo"></span>
    <span class="skypeShareText">Поделиться</span>
  </div>
</div>

Результат вышеуказанного кода:
Поделиться
  ← можете смело нажать на кнопку и посмотреть, как всё работает

Если есть какие-либо вопросы или нужна помощь, напишите в комментариях, постараюсь помочь.

2 комментария

  1. 0 0 0
    Влад,
    Подскажи этот собственный стиль как использовать? Просто добавить этот код рядом с кодом кнопки или вместо него?
    1. 0 0 0
      Администратор,
      Нужно добавить свой HTML вместо кода по умолчанию. В моём примере, последний сниппет заменяет предыдущего.

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

Комментарии проверяются администратором и могут не сразу появляться на сайте.
Имя:
Емайл:
Подписаться на новые комментарии
Сообщение:
Оценка страницы: