Приветствую Вас, и сегодня хочу поговорить о том, как установить на сайт социальные кнопки Яндекса, для чего они нужны и как они выглядят? Все это мы разберем в этой статье.
Социальные кнопки поведенческого фактора
Социальные кнопки яндекса размещаются на сайте и конкретно привязываются к каждой статье.
Для чего они нужны?
-Для быстрого опубликования анонсов статей в социальных сетях
-Для продвижения сайта
-Для получения дополнительных внешних ссылок на сайт, что позволяет поисковым роботом быстрее проиндексировать ваши статьи
Устанавливаем социальные кнопки Яндекса
Для начало нужно авторизоваться на сервисе Яндекс, т. е. зарегистрироваться и войти в яндекс почту. После перейти по адресу: https://tech.yandex.ru/share/ — Блог «Поделиться».
Там мы увидим, что с левой стороны страницы есть различный набор сервисов наиболее популярных в сети интернет, который можно подключить и разместить на своем блоге. Отмечаем в левой колонке эти сервисы (1), справа (2) – они отображаются в том виде, в котором будут отображаться на сайте и чуть ниже отображается код (3), который будем использоваться в консоли блога.
Всё, что нам нужно это просто скопировать код (3) и разместить его на сайте. Существует два варианта размещения кода социальных кнопок:
-Размещение социальных кнопок яндекса прямо в статье
-Размещение социальных кнопок яндекса в коде одиночной записи
Рассмотрим оба варианта
Размещение социальных кнопок яндекса прямо в статье
Перейдем в консоль нашего сайта, в раздел записи, и выберем любую запись имеющие у нас в наличие, как показано на скриншоте.
Далее у нас откроется вкладка «Редактировать запись», во вкладке «Визуально» спустимся в самый низ страницы. Там соответственно наберем строку следующего содержания: «Спасибо, что поделились статьей в социальных сетях!».
После во вкладке «Текст» вставим код социальных кнопок яндекс, который был скопирован с сайта https://tech.yandex.ru/share/. Вставляем данный код (1) в самом конце страницы, как показано на скрине ниже. Далее нажимаем «Обновить» (2) — «Просмотреть изменения» (3).
После всех операций у нас получится примерно так.
Для того чтобы социальные кнопки яндекса были по центру страницы, в код нашего скрипта по краям ставим тег
Это был первый вариант размещения социальных кнопок от Яндекс. Минус данного способа в том, что нам придется код вставлять постоянно в каждую запись. Теперь давайте рассмотрим второй вариант.
Размещение социальных кнопок яндекса в коде одиночной записи
Данный способ немного сложнее. Плюс его в том, что делается он один раз. И так, переходим в Консоль сайта – Внешний вид – Редактор и находим шаблон под названием – «Отдельная запись» (single.php) (4), нажимаем на него. Самое главное нужно понять, что все зависит от установленной темы. Этот вариант у меня не прокатил, что я только не делал, хотя у многих других тем вариант работает. Прежде чем делать здесь какие – либо изменения, обязательно делаем бэкап сайта. А также можете скопировать содержимое редактора и сохранить его в блокноте, для того, чтобы если сделаете ошибку, то в любое время данные в редакторе можно восстановить.
Мне пришлось в правом столбце под названием «Шаблоны» подняться выше и найти другой шаблон под названием content-single.php (1) и работать с ним.
И так, по порядку. Нажимаем Ctrl F и в открывшемся поисковом окне (2) набираем , система находит совпадение и выделяет его в оранжевом цвете (3). Далее копируем наш код социальных кнопок яндекса с сайта «Блог «Поделиться»» и вставляем его ниже найденной нами команды под цифрой (3), как показано на скриншоте 3d-stl.com.
Тег:
нужен для того, чтобы увеличить пробел между текстом и социальными кнопками. Обновляем файл и теперь кнопки поведенческого фактора будут всегда с вашими новыми постами.
P.S. В этой статье мы разобрали, что такое социальные кнопки яндекса для сайта.
