Блок «Поделиться» от Яндекса. Установка и настройка

Блок "Поделиться" от Яндекса

  Делимся с помощью Яндекса

Сейчас, с бурным развитием социальных сетей, уже трудно представить себе, чтобы на каком-нибудь сайте отсутствовали т.н. блоки соц. кнопок, позволяющие поделиться ссылкой на страницу в социальных медиа. Само собой, ведь это основной элемент SMO оптимизации сайта.

Лично я на многих своих сайтах использую блок «поделиться» от Яндекс. Устанавливается он очень просто, имеет компактный код, различные варианты отображения и собственный скрипт для отправки сообщений (http://share.yandex.ru/go.xml). Кроме того, перед написанием данной статьи, заметил, что в «арсенале» социальных кнопок появилась ещё и кнопка для Google+.

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

Установка и настройка блока «поделиться» от Яндекса

Сперва переходим по адресу http://api.yandex.ru/share/. Затем выбираем желаемый внешний вид блока:

Внешний вид блока "Поделиться" Яндекс

  Внешний вид

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

Слева, в разделе «Набор сервисов» можно отметить, какие сайты социальных медиа будут отображены в виде кнопочек. Если вы уберёте все галочки в Наборе сервисов и в разделе «Внешний вид блока» отметите «только иконки», то вообще ничего отображено не будет.

Если же убрать все сервисы из набора и во внешнем виде отметить любой пункт, кроме последнего, то получим очень компактный вид с постоянным набором социальных сервисов:

блок "Поделиться" от Яндекс - компактный вид

  Блок «Поделиться» от Яндекс — минималистичный вид

Таким образом, всё очень просто: выбираем понравившийся вид, нужные сервисы для отображения рядом с кнопкой, копируем код и вставляем его в страницы сайта.

На WordPress лучше всего вставить этот код в шаблон записей и страниц (Single.php и Page.php) после текстового содержимого.

Добавление новых соц. сервисов в блок «Поделиться»

Если вам вдруг не хватает соц.сервисов, представленных в Наборе сервисов, то можно добавить и другие. Для этого надо зайти сюда, и добавить их в код блока (в строку data-yashareQuickServices).

Поясню на примере. Как только вы зашли на страницу блока «Поделиться» от Яндекс, то код выглядит так:

<script type=»text/javascript» src=»//yandex.st/share/share.js» charset=»utf-8″></script>
<div class=»yashare-auto-init» data-yashareL10n=»ru» data-yashareType=»button» data-yashareQuickServices=»yaru,vkontakte,facebook,twitter,odnoklassniki,moimir»></div>

Т.е. будут отображены кнопки от Я.ру, Вконтакте, Facebook, Twitter, Одноклассников и Моего мира. Если после moimir приписать, например, blogger (через запятую), то отобразится ещё и кнопка для Blogger.

Ещё пара достоинств у блока «Поделиться» в исполнении Яндекса:

В общем, удобно.

web-ru.net - всё о продвижении сайтов
Случайные публикации:
  • Как сделать XML-карту сайта для WordPress с помощью плагина All in One Seo PackКак сделать XML-карту сайта для WordPress с помощью плагина All in One Seo PackНаверное, почти каждый вебмастер, создавший сайт на WordPress, уже...
  • Анализ данных по UTM-меткам в Яндекс.МетрикеАнализ данных по UTM-меткам в Яндекс.Метрике...сное (на мой взгляд). Покажу на примере анализа трафика из тизерной сети
  • Как узнать версию WordPress и скрыть версию WP своего сайта?Как узнать версию WordPress и скрыть версию WP своего сайта?...ки в коде лучше ввести вручную, а не копировать с этой страницы. Всё, теперь никто не
  • Какая должна быть уникальность текста для хорошего ранжирования?Какая должна быть уникальность текста для хорошего ранжирования?В последнее время много уже написал об уникальном контенте и текстах: 3 спо...
  • Как узнать, сколько страниц проиндексировано? Страницы в индексе Яндекса, Google, BingКак узнать, сколько страниц проиндексировано? Страницы в индексе Яндекса, Google, Bing...раниц в индексе Яндекса, Google, Bing и т.д. В одной из предыдущих
Оставьте комментарий:
комментариев 25
Через сайт Через ВКонтакте Через Facebook
  1. Юрий:

    Полезная информация, блок похож на плагин ОднаКнопка, но он на моем сайте не очень корректно работает, воспользуюсь вашими советами.

    Ответить
  2. Chip:

    Нужно одновремено вставлять код в Single.php и Page.php или только в один на выбор. Если можно куда именно вставлять код. На других сайтах пишут, что еще в хедер надо чтото вставлять и какойт-то скрипт как-то подключать. Вот такие вопросы. Спасибо за пост.

    Ответить
    • Пётр:

      Chip, всё очень просто: вставить код нужно туда, где вы хотите чтобы он отображался.
      Таким образом, если нужно, чтоб он выводился в шаблоне статей — вставляйте в Single.php. В шаблоне страниц — в Page.php.
      Ничего в хедер вставлять не надо =)

      Ответить
  3. Chip:

    Пётр, все понятно. Поставил код в сингл после контента — ничего не отображается ? Кеш чистил в браузере, после длительного времени код ни в какую не хочет отображаться. Как быть ?

    Ответить
  4. Chip:

    Да, кстати вот ссылка на тот самый экзотический способ подключения этого блока. i—gu.ru/api-blok

    Ответить
    • Пётр:

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

      Ответить
  5. Кирилл:

    Можно ли на этот сайт установить этот блок?

    atletic-food.ru

    Ответить
  6. Кира:

    Кто посоветует хорошую авторизацию (скрипт) через соц сети? Мне бы типа что то как Ulogin . Спасибо

    вот мой сайт favoritka.com

    Ответить
  7. Александра:

    Добрый день!
    Подскажите, пожалуйста, есть ли возможность подключить этот блок к своему блогу, а не сайту? Почему-то не получилось. :(
    Заранее спасибо.

    Ответить
    • Пётр:

      Александра, имеете в виду ЖЖ-блог?
      Если есть возможность вставить html-код, то этот блок можно подключить к любому сайту (и блогу).

      Ответить
  8. itsam:

    Хочу поставить блок на phuket-island.narod.ru, но он на бесплатном хостинге. Это возможно?

    Ответить
  9. Простой:

    Да Яндекс хорошие кнопки создал. Малость доработать их внешний вид бы нен мешало, а так всё класс.

    Ответить
  10. Goblin:

    Существуют бесплатные проекты для раскрутки сайтов, вроде seo-up.zz.mu
    Они довольно полезные, к тому же там есть ТОП-10 со ссылкой, а ссылка — это тоже плюс для любого сайта. Советую попробовать. (Кроме того неплохо способ для накрутки пользователей, просмотров. За день можно больше 1000 просмотров накрутить. А при желании и до 10000)

    Ответить
  11. Стас:

    Неправильно работает функция поделится
    lik-astana.kz/
    при нажатии на кнопку поделится берет календари и счетчики а не картинки с сайта помогите разобраться

    Ответить
    • Пётр:

      Дело в том, что «календари и счетчики» — это тоже картинки.
      Ставьте этот блок ближе к основному контенту (ближе в коде), в котором находятся нужные картинки.
      + почитайте подробную документацию: http://api.yandex.ru/share/doc/dg/concepts/share-button-ov.xml

      Ответить
  12. сергей:

    подскажите домен reg.ru сайт сделан на wordpress где надо вставлять,чтоб насквозь кнопка была.

    Ответить
  13. Валентин:

    Здравствуйте, вписал в код шаблона «Блок социальных кнопок от Яндекса» на сайт bastille.com.ua но столкнулся с одной неприятностью — размером кнопок, подскажите как увеличить размер иконок социальных сетей?

    Ответить
    • Пётр:

      Размеры у них опционально не задаются.
      Попробуйте использовать CSS-стили для этого.

      Ответить
  14. Владимир:

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

    Ответить
  15. орт:

    Спасибо

    Ответить
сайт web-ru.net
Я не спамлю...