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

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

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

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

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

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

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

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

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

  Внешний вид

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

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

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

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

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

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

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

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

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

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

код блока поделиться

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

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

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

1 Star2 Stars3 Stars4 Stars5 Stars (10 оценок, среднее: 3,40 из 5)
Loading...
Случайные публикации:
  • Самые дорогие продажи сайтов в январе 2017Самые дорогие продажи сайтов в январе 2017...ой сайт это сайт с кинофильмами. Видимо автор решил как-то вопрос с
  • Что такое внешние ссылки на сайт? Как проверить бэклинки (входящие ссылки)?Что такое внешние ссылки на сайт? Как проверить бэклинки (входящие ссылки)?В предыдущей статье поговорили о внешних ссылках, идущих с сайта, теперь...
  • Как добавить Яндекс Карты на сайтКак добавить Яндекс Карты на сайт...жете установить его в код либо самой статьи и для этого, вам совсем не
  • Как изменить заголовок статьи WordPress на H1 и зачем? ВидеоурокКак изменить заголовок статьи WordPress на H1 и зачем? ВидеоурокПосле одного из вебинаров стало понятно, что большинство людей...
  • Тег Noindex в Яндексе - скрытие кода от индексации в YandexТег Noindex в Яндексе - скрытие кода от индексации в YandexИногда, при внесении каких-то технических изменений на сайте или продолжител...
Оставьте комментарий:
комментариев 26
  1. Юрий:

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

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

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

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

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

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

    Да, кстати вот ссылка на тот самый экзотический способ подключения этого блока.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Ответить
  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. орт:

    Спасибо

    Ответить
  16. Василий:

    Жопорукость сквозит во всём, всё делается чтобы усложнить нам, жизнь. %)

    Ответить
Я не спамлю...