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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 


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


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

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