- PVSM.RU - https://www.pvsm.ru -
Казалось бы, давно в прошлом времена, когда нужно было регистрироваться во всех социальных сетях, чтобы получить код кнопок для своего сайта, а потом возиться с оформлением, чтобы органично вписать все эти кнопки в дизайн. Однако и сейчас не обходится без подводных камней, информацией о которых я и хочу поделиться. В настоящее время существует множество сервисов, реализующих блок кнопок, позволяющих оперативно поделиться ссылкой на материал. Их преимущества по сравнению с одиночными кнопками очевидны:
Некоторые сервисы хотят за это «деньги» или «внешнюю ссылку» (что в наше время равносильно), поэтому их использование не кажется целесообразным. Хотя порой они предлагают весьма красивые и оригинальные решения. Например, за это [1] я бы заплатил, если бы разработчик не использовал API от AddThis.
Долгое время я пользовался на своих проектах бесплатными сервисами: AddThis и Ya.share. AddThis я использовал, главным образом, из-за наличия статистики и возможности выводить счетчик «поделившихся».
В один прекрасный день, просматривая страницы сайта я обнаружил 200 кб лишнего кода, содержавшего теги и текст:
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>AddThis utility frame</title>
</head>
полную версию этого «лишнего кода» можно увидеть здесь [2].
Разумеется, первым делом я загуглил «AddThis utility frame» и обнаружил несколько сотен тысяч страниц с разных сайтов содержащих такой же мусор (убедиться [3]).
Не трудно догадаться, что в тот же день я снял скрипт AddThis со всех проектов, что рекомендую сделать и тем, кто продолжает его использовать.
Ya.share со временем вылился в замечательный инструмент.
Что в нём радует:
1. Официальный конструктор блока «поделиться» [4] включает не все сервисы, вот наиболее полный перечень: yaru,yazakladki,vkontakte,facebook,gplus,twitter,odnoklassniki,moimir,lj,
diary,pinterest,surfingbird,friendfeed,moikrug,blogger,tutby,digg,
evernote,delicious,gbuzz,greader,juick,liveinternet,
linkedin,myspace,pocket
Выглядит это так:
2. Счетчики пока что не афишируются. Т.е. Яндекс их никому не предлагает, а «в крысу» использует на своих проектах (например [5]).
Код полной версии счетчиков:
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,
odnoklassniki,moimir,lj,friendfeed,moikrug,gplus" data-yashareTheme="counter" data-yashareType="small"></div>
В data-yashareType=«small» вместо «small» можно указать, например, «big», и это, соответствующим образом отразится на размере кнопок счетчиков:
Важно: в некоторых любительских мануалах в качестве источника для счетчиков указывают yandex.st/share/cnt.share.js хотя счетчики прекрасно довольствуются yandex.st/share/share.js используемым для блока «поделиться», а при выводе на одной странице скрипты конфликтуют, поэтому, если планируете выводить и блок «поделиться» и блок со счетчиками, то достаточно один раз вывести в шапке сайта <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
и его будут использовать оба блока.
Многие разработчики не видят смысла публиковать абсолютно все кнопки из имеющегося в Ya.share набора (или не знают о существовании новых кнопок) и ограничиваются лишь наиболее популярными сервисами. Надеюсь, что моя скромная статистика окажется небесполезной. Почти год назад поставил блок «поделиться» на свежесозданном сайтике, представляющем собой несколько распознанных методичек по ремонту автомобильной техники. Результаты:
1. Очень вяло обновляется конструктор блока «поделиться» [4].
2. Статистика счетчиков выводится только по кнопкам Ya.share. Т.о., если наряду с ними использовать счетчики с другим API, то они будут показывать разные результаты:
3. Счетчики не отображают количество поделившихся на страницах с кириллическими url, типа сайт.рф/раздел/статья256
4. На ресурсных картинках [6] можно видеть кнопки «ссылка на страницу» (html), «отправить ссылку письмом» (postcard) и другие, однако скрипт на эти параметры не реагирует и как их активировать не особо понятно
Надеюсь изложенные в посте нюансы окажутся интересны и полезны не только для меня и Вы не зря потратили время на прочтение. Буду признателен за конструктивные замечания и предложения по улучшению поста.
Автор: pragmat
Источник [7]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/sotsial-ny-e-knopki/36011
Ссылки в тексте:
[1] это: http://habrahabr.ru/post/169649/
[2] здесь: http://pastebin.com/rUWu9fek
[3] убедиться: http://yandex.ru/yandsearch?text=AddThis%20utility%20frame&clid=1570785&lr=39
[4] Официальный конструктор блока «поделиться»: http://api.yandex.ru/share/
[5] например: http://visual.yandex.ru/
[6] ресурсных картинках: http://yandex.st/share/static/b-share-icon.png
[7] Источник: http://habrahabr.ru/post/182430/
Нажмите здесь для печати.