Новейшие кнопки социальных сетей от Яндекса
Автор
|
Опубликовано: 4197 дней назад (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 - маленькие, любое другое значение - большие
код плагина кнопок для социальных сетей стал слегка больше :
Я надеюсь никому не надо напоминать о пользе таких кнопок для сайта, а тем более то что они от Яндекса будет всем только на пользу , т.к. их он точно будет мониторить и вероятнее всего это будет влиять на выдачу.
Наверняка все вебмастера уже знают официальные кнопки социальных сетей от Яндекса, многие их хают за не достаточную "настраиваемость" и не достаточную "красивость". Так вот сегодня на просторах интернета были выловлены улучшенные кнопки - как визуально так и функционально. Как мне кажется это так называемый бета тестинг, но они вполне функциональные и если вешать их на сайт они работают.
И так как они выглядят.
это как будут выглядеть а теперь самое интересное - как такую красоту вставить на сайт.
в скриптах используются переменные :
charset="utf-8" - сами понимаете кодировка если нету то ansi (windows 1251)
data-yashareLink - url страницы которая будет добавляться в соц.сети
data-yashareTitle - заголовок страницы
data-yashareDescription - краткое описание страницы
data-yashareImage - картинка которая шарится (берется за скриншот)
data-yashareQuickServices - здесь перечисляются все сервисы социальных сетей. которые должны выводиться кнопками (порядок их задает порядок вывода на сайте)
data-yashareTheme - если стоит - counter - то все кнопки будут со счетчиками
data-yashareType - задает размер кнопок - small - маленькие, любое другое значение - большие
код плагина кнопок для социальных сетей стал слегка больше :
Код PHP:
Пример работы будет выглядеть от так - демо.
<script src="//yandex.st/share/cnt.share.js" charset="utf-8"></script> <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 |
Добавить комментарий | RSS-лента комментариев |
Новости партнеров