Inet and work Интернет и работа

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

 

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