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

Социальные сети (SMO)

7

Сегодняшний пост будет небольшой, но очень полезный – он посвящен установке кнопки «Поделиться» от яндекса на ваш сайт. Как видите, тема довольно узкая, поэтому растягивать статью, философствуя на разные темы, нет смысла.

Из поста вы узнаете, где взять код для кнопки «Поделиться» от Яндекса, как ее настроить, подобрать нужные социальные сети для кнопки и установить ее на сайт. Например, можно указать социальную сеть от Я.ру. Я.ру – это большой сервис с кучей функций, но прежде всего это бесплатный хостинг для ведения блогов, любезно предоставленный Яндексом.

Где взять код кнопки

Блок кнопки «Поделиться» используется для того, чтобы посетители могли поделиться ссылкой на статьи вашего сайта буквально двумя-тремя кликами. Это поможет вашему сайту развиваться, а с социальных сетей ресурс получит дополнительный трафик.

Первым делом вам нужно перейти по ссылке с кодом и настройками параметров кнопки. Перед вами появится один из сервисов русскоязычного поисковика, отображаемый в зеленых тонах. А чуть ниже – функции настройки отображения кнопки «Поделиться» от Яндекс.

Как видно на скрине, область экрана разделена на три части.

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

Вторая часть – это внешний вид блока. Его вы также выбираете на свой вкус.

Третья часть – это сформированный код, который нужно добавлять на сайт. Как только вы настроите блок «Поделиться», просто скопируйте код и установите его на свой сайт.

Как установить кнопку «Поделиться» на сайт

Блок можно устанавливать на любую страницу сайта. Чаще всего кнопка «Поделиться» добавляется в конце или в начале поста, после анонсов на главной странице сайта или же в сайдбаре. Но в любом случае для того, чтобы установить кнопку на сайт, необходимо иметь хотя бы небольшое представление о html-разметке и о структуре сайта. Иначе вам придется «тыкать вслепую», ища место для установки блока.

Для блога вордпрес необходимо выбрать вкладку “Внешний вид», а затем – «Редактор». Откроется окно редактора, теперь выбираем нужный шаблон. Мы рассмотрим тот случай, когда код кнопки устанавливается сразу под постом. Если вы хотите установить код кнопки в другое место сайта – действуйте аналогично описанной ниже инструкции.

Выбираем шаблон «Одна запись» (Single.php) и ищем по коду место, где заканчивает отображаться пост.

Теперь смотрите на скрин выше. На нем указан заголовок поста и конец поста. Сразу после надписи «конец поста» (код <? The_content(); ?>)можно добавлять код кнопки. Только начинайте добавлять код с новой строки, чтобы не запутаться, если в дальнейшем вам придется редактировать код.

Как только вы добавите код, сохраняйтесь и переходите на любой пост сайта, чтобы посмотреть, нормально ли отображается код.

Не забывайте что на этом блоге уже были статьи про установку кнопок:

  1. «Мне нравиться» от ВКонтакте
  2. «Мне правиться» от продвинутого Фейсбука
  3. «Гугл+1» от Google +
  4. «Класс» от  соц.сети Одноклассников

На этом у меня все. Если у вас остались какие-то вопросы, то смело задавайте их в комментариях.

7 комментариев

по хронологии
по рейтингу сначала новые по хронологии

Честно говоря даже не знал, что еще и такая кнопка есть.

Автор

Теперь знайте 🙂 Довольно популярная кнопка, удобность в том что совмещает в себе все кнопки соц.сетей.

Елена

Использую яндексовские кнопки, мне они нравятся. Вот есть один нюанс, который не нашла как исправить - кнопки выстраиваются в один ряд, о у меня они находятся на боковой панели и не помещаются и на вторую строку переносится 1 кнопка. Вы не знаете, как сделать перенос по середине?
Пока просто убрала кнопку 1 соцсети, хотелось бы её вернуть.

Большое вам спасибо! Благодаря статье, убрала со своего блога старый плагин социальных сетей и установила новые кнопки поделится от Яндекса.

Установил кнопки от Плюсо, после Вашей статьи задумался- может поставить все-таки от Яндекса?

все коротко и ясно, спасибо!

А что делать если соцсети не понять какой текст выводят после нажатия кнопки?
Спасибо!

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Более 6 лет опыта работы

Отвечу в течении 24 часов

Минимальная сумма заказа 1000Р

Ваше сообщения отправлено
Ваше сообщения отправлено успешно