Социальные кнопки Яндекса

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


Социальные кнопки Яндекса



Социальные кнопки поведенческого фактора

Социальные кнопки яндекса размещаются на сайте и конкретно привязываются к каждой статье.

Для чего они нужны?

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

Устанавливаем социальные кнопки Яндекса

Для начало нужно авторизоваться на сервисе Яндекс, т. е. зарегистрироваться и войти в яндекс почту. После перейти по адресу: https://tech.yandex.ru/share/Блог «Поделиться».


Блог «Поделиться»


Там мы увидим, что с левой стороны страницы есть различный набор сервисов наиболее популярных в сети интернет, который можно подключить и разместить на своем блоге. Отмечаем в левой колонке эти сервисы (1), справа (2) – они отображаются в том виде, в котором будут отображаться на сайте и чуть ниже отображается код (3), который будем использоваться в консоли блога.


Устанавливаем социальные кнопки Яндекса


Всё, что нам нужно это просто скопировать код (3) и разместить его на сайте. Существует два варианта размещения кода социальных кнопок:

  • Размещение социальных кнопок яндекса прямо в статье
  • Размещение социальных кнопок яндекса в коде одиночной записи

Рассмотрим оба варианта


Размещение социальных кнопок яндекса прямо в статье

Перейдем в консоль нашего сайта, в раздел записи, и выберем любую запись имеющие у нас в наличие, как показано на скриншоте.


Размещение социальных кнопок яндекса прямо в статье


Далее у нас откроется вкладка «Редактировать запись», во вкладке «Визуально» спустимся в самый низ страницы. Там соответственно наберем строку следующего содержания: «Спасибо, что поделились статьей в социальных сетях!».

Спасибо, что поделились статьей в социальных сетях!


После во вкладке «Текст» вставим код социальных кнопок яндекс, который был скопирован с сайта https://tech.yandex.ru/share/. Вставляем данный код (1) в самом конце страницы, как показано на скрине ниже. Далее нажимаем «Обновить» (2)  — «Просмотреть изменения» (3).


Социальные кнопки Яндекса.


После всех операций у нас получится примерно так.


социальные кнопки яндекса


Для того чтобы социальные кнопки яндекса были по центру страницы, в код нашего скрипта по краям ставим тег <center>.


размещения социальных кнопок от яндекса


Это был первый вариант размещения социальных кнопок от Яндекс. Минус данного способа в том, что нам придется код вставлять постоянно в каждую запись. Теперь давайте рассмотрим второй вариант.


Размещение социальных кнопок яндекса в коде одиночной записи

Данный способ немного сложнее. Плюс его в том, что делается он один раз. И так, переходим в Консоль сайтаВнешний видРедактор и находим шаблон под названием – «Отдельная запись» (single.php) (4), нажимаем на него. Самое главное нужно понять, что все зависит от установленной темы. Этот вариант у меня не прокатил, что я только не делал, хотя у многих других тем вариант работает. Прежде чем делать здесь какие – либо изменения, обязательно делаем бэкап сайта. А также можете скопировать содержимое редактора и сохранить его в блокноте, для того, чтобы если сделаете ошибку, то в любое время данные в редакторе можно восстановить.


Отдельная запись(single.php)


Мне пришлось в правом столбце под названием «Шаблоны» подняться выше и найти другой шаблон под названием content-single.php (1) и работать с ним.


Размещение социальных кнопок яндекса в коде одиночной записи


И так, по порядку. Нажимаем Ctrl+F  и в открывшемся поисковом окне (2) набираем <?php the_content(); ?>, система находит совпадение и выделяет его в оранжевом цвете (3). Далее копируем наш код социальных кнопок яндекса с сайта «Блог «Поделиться»» и вставляем его ниже найденной нами команды под цифрой (3), как показано на скриншоте.


код социальных кнопок яндекса


Тег: <br /> нужен для того, чтобы увеличить пробел между текстом и социальными кнопками. Обновляем файл и теперь кнопки поведенческого фактора будут всегда с вашими новыми постами.


P.S. В этой статье мы разобрали, что такое социальные кнопки яндекса для сайта. Если у вас остались вопросы, то можете оставить их в комментариях.


С уважением, Николай Епишин.

 


Спасибо, что поделились статьей в социальных сетях и поддержали блог!!!


Для вашей фирмы кредит на карту с 18 лет по низким ценам, недорого.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *