Новые Социальные Кнопки от Яндекса
Дата публикации поста: 07-12-2013
Недавно открыл для себя новый блок социальных кнопок от Яндекса, который выглядят очень симпатично и органично вписываются на страничку.
До этого, на своих проекта, я использовал либо плагины, либо скрипт того же Яндекса, который был убог. Сегодня я расскажу как поставить новые кнопки на сайт.
Думаю, что многие видели старый, убогий блок социальных кнопок Яндекса:
Кнопочки маленькие, не очень красивые. Один плюс этого блока – большое количество социальных сетей, т.к. новый блок поддерживает только основные: Я.ру, Вконтакте, Facebook, Twitter, Одноклассники, Мой Мир и Google+.
Новый блок “Поделиться” выглядит так:
Согласитесь, этот блок выглядит гораздо симпатичнее своего предшественника. Чтобы вставить их к себе на сайт, необходимо разместить следующий код:
<script type="text/javascript" src="http://yandex.st/share/cnt.share.js"></script> <div class="yashare-auto-init" data-yasharelink="" data-yasharetitle="" data-yasharedescription="" data-yashareimage="" data-yasharequickservices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yasharetheme="counter" data-yasharetype="big"></div> |
Пройдёмся по параметрам блока:
1. data-yashareLink – ссылка на страницу;
2. data-yashareTitle - заголовок страницы;
3. data-yashareDescription – описание страницы;
4. data-yashareImage – изображения со страницы;
5. data-yashareQuickServices - список соц. сетей, которые показываются в блоке. В примере показан полный список социальный сетей, которые сейчас поддерживаются, при таком оформлении.
6. data-yashareTheme - отвечает за внешний вид кнопок. Если параметр равен “counter”, то будет новый блок со счётчиками, если “none”, то будет отображаться старый блок.
7. data-yashareType - размер иконок (big и small)
Если параметры 1-4 оставить пустыми, то скрипт автоматически возьмёт данные с текущей страницы. Главное условие – кодировка страницы в UTF-8, иначе данные со страницы и подписи кнопок буду печататься иероглифами.
Такой блок гораздо приятнее для посетителя, поэтому, теоретически, с ним и расшариваний в социальных сетях должно быть больше.
На десерт видео, на очень актуальную тему: “Яндекс отменяет ссылочное ранжирование”
Ваш AleDv!
