Новейшие кнопки социальных сетей от Яндекса

Автор
Опубликовано: 3977 дней назад (2013-06-05)
Редактировалось: 11 раз — последний 2014-04-18
0
Голосов: 0
Реальный инсайд =).
Наверняка все вебмастера уже знают официальные кнопки социальных сетей от Яндекса, многие их хают за не достаточную "настраиваемость" и не достаточную "красивость". Так вот сегодня на просторах интернета были выловлены улучшенные кнопки - как визуально так и функционально. Как мне кажется это так называемый бета тестинг, но они вполне функциональные и если вешать их на сайт они работают.
И так как они выглядят.
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.

это как будут выглядеть а теперь самое интересное - как такую красоту вставить на сайт.

в скриптах используются переменные :

charset="utf-8" - сами понимаете кодировка если нету то ansi (windows 1251)
data-yashareLink - url страницы которая будет добавляться в соц.сети
data-yashareTitle - заголовок страницы
data-yashareDescription - краткое описание страницы
data-yashareImage - картинка которая шарится (берется за скриншот)
data-yashareQuickServices - здесь перечисляются все сервисы социальных сетей. которые должны выводиться кнопками (порядок их задает порядок вывода на сайте)
data-yashareTheme - если стоит - counter - то все кнопки будут со счетчиками
data-yashareType - задает размер кнопок - small - маленькие, любое другое значение - большие

код плагина кнопок для социальных сетей стал слегка больше :

Код PHP:
  1. <script src="//yandex.st/share/cnt.share.js" charset="utf-8"></script>
  2. <div class="b-ya-likes yashare-auto-init" data-yashareL10n="ru" data-yashareLink="http://anyfiles.net/blogs/blog-skromnogo-vebmastera" data-yashareTitle="Блог скромного вебмастера" data-yashareDescription="Блог скромного вебмастера в котором выкладываются самые полезные и интересные примочки для сайтов" data-yashareImage="http://anyfiles.net/upload/blogs/715993866e243962c2caf3b71c487236.jpg" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,gplus,odnoklassniki,moimir,lj,moikrug" data-yashareTheme="counter" data-yashareType="none"></div>
Пример работы будет выглядеть от так - демо.

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


Комментарии (1)
Администратор # 2014-04-18 в 20:48 0
теперь появилось официальное предложение от Яндекса
выглядит примерно так
Код PHP:
  1.  
  2. <script type="text/javascript" src="//yandex.st/share/share.js"
  3. charset="utf-8"></script>
  4. <div class="yashare-auto-init" data-yashareL10n="ru"
  5. data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter"></div>
  6.  
Добавить комментарий RSS-лента RSS-лента комментариев