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

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

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

Сейчас, с бурным развитием социальных сетей, уже трудно представить себе, чтобы на каком-нибудь сайте отсутствовали т.н. блоки соц. кнопок, позволяющие поделиться ссылкой на страницу в социальных медиа. Само собой, ведь это основной элемент 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 - всё о продвижении сайтов
Случайные публикации:
  • Непонятные символы на сайте. Как задать кодировку страницы?Непонятные символы на сайте. Как задать кодировку страницы?Думаю, раз уж я написал про то, как узнать кодировку сайта, то логично о...
  • Яндекс Метрика - гостевой доступ. НастройкаЯндекс Метрика - гостевой доступ. НастройкаЭто небольшая заметка в продолжение темы настройки Яндекс Метрики....
  • Оптимальное для поисковиков количество символов в статье Оптимальное для поисковиков количество символов в статье Пожалуй, это будет не пост, а больше вопрос к уважаемым посетителям - сколько, н...
  • Что индексируют Google, Яндекс и другие поисковики? Индексация Flash-сайтовЧто индексируют Google, Яндекс и другие поисковики? Индексация Flash-сайтовСейчас в Интернете сайтов больше, чем людей на Земле. Но определё...
  • 12 марта 2014 - Яндекс официально отключил влияние ссылок для коммерческих запросов по Москве12 марта 2014 - Яндекс официально отключил влияние ссылок для коммерческих запросов по Москве...едь если не ссылки, то что тогда? Ну и 12 марта ссылки для Москвы отключены.
Оставьте комментарий:
Отзывов всего: 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
Я не спамлю...