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

Здравствуйте, уважаемые читатели!

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

a8-8

Чтобы реализовать такой способ продвижения часто используют плагин UpToLike. Он прекрасно справляется со своей задачей. Но известно, что любой плагин вызывает нагрузку на сайт. Иными словами, чем больше у Вас установлено плагинов, тем дольше сайт грузится. Не зря советуют по возможности плагины заменять кодом.

Не всегда это возможно. Не все это умеют. Не каждый может нанять программиста. Но у плагина социальных сетей имеется доступная альтернатива. Это социальные кнопки яндекс. С их установкой справится даже новичок. Рассмотрим подробнее как это сделать.

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

a1-1

На новой странице спускаемся снова вниз. Справа находим раздел «Доступ к Яндексу», в нем кликаем на кнопку «Блок поделиться». 

a2-2

Попадаем вот сюда. Слева видим большой столбец с иконками различных соцсетей.

a3-3

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

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

У себя в админке заходим в раздел «Записи» — «Добавить новую». Либо сразу пишем статью здесь, либо переносим ее сюда, если писали в ворде. В самом конце статьи надо сделать запись «Поделитесь статьей в соцсетях». У меня такая фраза, у Вас может быть другая на Ваше усмотрение. Эту фразу желательно выровнять по центру и сделать чуть увеличенным шрифтом. Можно поменять цвет шрифта. Поэкспериментируйте, чтобы красиво смотрелось. Во вкладке «Визуально» будет выглядеть так. 

a4-4

Потом из вкладки «Визуально» переходим во вкладку «Текст» (переключение справа вверху). Открывается та же статья, только с кодом. И будет выглядеть так. 

a5-5

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

a6-6

Если теперь нажать «Просмотреть изменения» (кнопка справа вверху), то увидим, как социальные кнопки от яндекса будут располагаться в статье. У меня получилось так. На мой взгляд вполне симпатично. 

a7-7

Теперь надо вернуться к предыдущему скриншоту. На нем красным цветом обведена область кода, ответственная за запись «Поделитесь в соцсетях» и за сам блок социальных кнопок. Этот код надо скопировать и сохранить у себя на компе.

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

Существует способ вставить этот код сразу в шаблон. Но новичкам это может оказаться трудно, поэтому сейчас о нем говорить не будем. Расскажу об этом в отдельной статье.

На этом заканчиваю. Желаю всем всего самого наилучшего.

С уважением, Владислав Заболотный.

 

 

Поделитесь статьей в соцсетях.

Комментарии (2) на “Ставим социальные кнопки яндекса”

  • Владислав, согласна с Вами, социальные кнопки Яндекса установить на свой блог может даже новичок! В своё время я тоже использовала эту возможность! В статье дана полезная информация! Успехов Вам !

Оставить комментарий

Хотите зарабатывать?