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

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

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

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

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

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

-Для быстрого опубликования анонсов статей в социальных сетях

-Для продвижения сайта

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

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

Для начало нужно авторизоваться на сервисе Яндекс, т. е. зарегистрироваться и войти в яндекс почту. После перейти по адресу: 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. В этой статье мы разобрали, что такое социальные кнопки яндекса для сайта. Если у вас остались вопросы, то можете оставить их в комментариях.

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

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

Author: SitesReady

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

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