Сышышь ты, выходи сюда,
поговорим !

Яндекс кнопки поделиться со счетчиком

Опубликовано: 05.09.2018

2013-09-11

Кнопки социальных закладок - неотъемлемая часть любого сайта или блога. Посетители охотно делятся полезной информацией со своими друзьями в соц сетях и этим генерируют дополнительный трафик на сайт с интересным контентом. Если у вас на сайте еще нет кнопок поделиться - вы очень много теряете... Обязательно добавьте их на свой блог.

Сервисы с кнопками социальных закладок

Существует не мало систем предоставляющих свои скрипты для отображения кнопок социальных закладок. Самые популярные из них:

Share42 - отличный и очень популярный сервис, с большим количеством социалок и удобной страницей для генерации именно вам подходящего скрипта закладок с нужными социальными сетями. Единственный минус: у этих кнопок нет счетчика. AddThis - популярный англоязычный сервис с возможностью генерации кнопок поделиться в соц сетях. Есть варианты кнопок со счетчиком и без него. Pluso - сервис с кнопками, очень быстро завоевавший популярность вебмастеров. Очень красиво выполненные кнопки всех социальных сетей, как простые, так и со счетчиками сколько раз поделились страницей. Кстати скрипт этих закладок как и в скрипте Яндекса асинхронный. Что значит: он не тормозит загрузку страницы, а все кнопки загружаются на страницу сайта лишь после основного содержания. Яндекс кнопки - скрипт кнопок асинхронен и работает очень быстро, единственный минус: у обычных кнопок от яндекса нет счетчиков.

Раньше я на своих сайтах, при добавлении кнопок не использовал ни один из этих сервисов - предпочитал оригинальные кнопки социальных сетей: Twitter, Facebook, Вконтакте, Google+, Майл.ру и Одноклассники (последние две социалки работают от одного скрипта). Плюс моего метода в том, что делиться интересной информацией при помощи оригинальных кнопок проще, при этом они все имеют счетчики и привычны для посетителей. Из минусов: увеличение количества сторонних ресурсов с которых подгружаются скрипты при генерации страницы, даже при том что они как-бы не тормозят загрузку основного содержимого (асинхронные), все равно скорость сайта падает. Это я стал замечать после того как посещаемость на некоторых перевалила за 5000 уникальных посетителей. Все таки 5 сторонних ресурсов для закладок это слишком много, а ведь надо еще и контекстную рекламу разместить, да и парочка тизерных блоков тоже нужна. Кушать то ведь хочется...

Новые кнопки поделиться от Яндекса

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

Они меня привлекают тем, что во-первых: скрипт кнопок поделиться Яндекса намного меньше даже одного отдельного скрипта каждой социальной сети (в них обычно встроена куча дополнительных функций, позволяющих выводить различные виджеты и т.п.), а этот скрипт выполняет лишь самое необходимое: возможность поделиться ссылкой и сбором статистики по количеству раз сколько данной страницей поделились. Кроме того, вместо 5 запросов различных скриптов с разных внешних источников происходит лишь один к Яндексу.

Как добавить кнопки на сайт

В месте html шаблона темы сайта, где хотите вывести кнопки нужно добавить код:

<div class="yashare-auto-init" style="margin:10px auto;text-align:center;" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter" data-yashareType="large"></div>

Если измените параметр: data-yashareType="large" на small получите кнопочки маленького размера. Изменить порядок вывода кнопок можно поменяв местами названия социалок в параметре: data-yashareQuickServices. Добавить новые кнопки и возможность поделиться в в других социальных сетях можно добавив название дополнительной сети в тот-же параметр (обозначения подходят от стандартного скрипта Яндекса).

В html код сайта перед закрывающим тегом: </body> вставляем сам скрипт для вывода кнопок социальных закладок:

<script type="text/javascript" src="//yandex.st/share/cnt.share.js"></script>

Вот уж не думал, что этот пост окажется настолько длинным... По началу хотел лишь поделиться с вами отличным вариантом добавления закладок на сайт, а получился почти полноценный обзор сервисов с кнопками.

Комментарии к статье

← Предыдущая статья Следующая статья →

rss