Блог — душа социальная: как вставить на страницы кнопки социальных сетей

Почти на каждом блоге Вы увидите популярные кнопки социальных сетей для сайта — давайте тоже интегрируем социальные закладки (bookmarks) и лайк-кнопки в свой блог WordPress
Установка этих социальных кнопок не только позволит посмотреть, насколько понравилась вашим читателям та или иная статья. Это еще и мощный способ продвижения вашего сайта или блога! Давайте представим — статья понравилась какому-то человеку, он добавил ссылку на нее к себе на стену с помощью кнопки социальной сети, ее увидели друзья, прошли по ней. Она им также понравилась, они тоже добавили — и так далее, посещаемость сайта начнет расти, как снежный ком!

Плагин для добавления кнопки социальных сетей на WordPress

Для добавления социальных закладок в WordPress я для себя выбрал этот плагин, который называется Share Buttons. На мой взгляд он является одним из самых удачных, поскольку во-первых, поддерживает самые популярные в рунете сервисы социальных закладок, таких как mail, Google +, Яндекс, Facebook, ВКонтакте и Одноклассники. А во-вторых, плагин легко настраивается, не глючит и имеет несколько вариантов отображения кнопок социальных закладок и лайков (социальных кнопок «Мне нравится» — от английского слова like).

В общем, не будем голословными — смотрим видео «Как добавить кнопки социальных сетей на сайт WordPress».

Еще несколько плагинов кнопок социальных сетей WordPress

Bookmarkz — простая панелька с поддержкой русских сетей.
KN Social Slide — необычный плагин, позволяющий создать слайд-панель сбоку браузера с блоками ваших групп в социальных сетях Twitter, Facebook, Google и также добавить дополнительные сервисы.
Sexy Bookmarks Slidebar — красивые всплывающие иконки на jQuery, очень симпатичный плагин социальных закладок
Zakladka — простенький плагин, преимущество которого в наличии большого числа русских кнопок социальных сетей и закладок

Кнопки социальных сетей без плагина

Однако, устанавлявая плагин, вы тем самым лишний раз нагружаете систему лишними запросами к азе данных, поэтому я покажу, как установить на сайте кнопки социальных сетей и закладок вручную. Это можно сделать поотдельности для каждой сети, однако такая процедура займет много времени. Гораздо быстрее воспользоваться специальными интернет-сервисами кнопок социальных сетей для сайта.





OdnaKnopka.Ru

Первым из них, который мы посмотрим, будет сервис кнопок социальных сетей Odnaknopka.ru. Жмем на «Получить» и попадаем на страницу скрипта, генерирующего кнопки.

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

1. Сначала надо выбрать вид кнопок: простая, с выпадающим меню или набор отдельных иконок — на ваш вкус
2. Далее надо выбрать тип площадки — поскольку у нас WordPress, выбираем «В блоге > WordPress»
3. И на последнем шаге предлагается два способа установки на сайт — с помощью плагина или через вставку в шаблона кода java-скрипта. Плагин вы сможете установить сами, а поскольку мы решили сейчас сделать все без него, то скопируйте код и вставьте его в нужное место в шаблоне (в файле single.php).

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

Share42.Com

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

1. Во-первых, можно отобрать именно те кнопки, которые вам нужны. Плюс их размер. Делается это простыми щелчками мыши по необходимым элементам. Также сюда можно добавить кнопку на RSS летну, кнопку «Наверх», «Распечатать» и «Добавить в закладки браузера».

Кнопки социальных сетей и закладок share42

2. Далее настраиваем нашу панель. Выбираем тип — горизонтальный блок с кнопками или плавающая панель сбоку браузера. Ставим кодировку в UTF-8, убираем отмеченный чекбокс с ссылкой на share42. Если выбрали кнопку с RSS — впишите адрес ленты. И если в шаблоне подключена библиотека jQuery, то отметьте этот пункт.

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

share42 кнопки социальных закладок

3. Теперь надо установить скрипт на блог. Для этого загружаем папку share42 из скачанного архива в корневую директорию сайта по ftp и указываем к ней путь — у меня это «http://wp-voprosov.net/share42»

Потом опять же выбираем вариант площадки WordPress и добавляем код вывода блока с кнопками в нужное место в шаблоне — обычно после статьи в single.php, но можно и в виджете, например. У меня код был такой:

<div class="share42init" data-url="<?php the_permalink() ?>"
data-title="<?php the_title() ?>"></div>
<script type="text/javascript"
src="http://wp-voprosov.net/share42/share42.js"></script>
<script type="text/javascript">
share42('http://wp-voprosov.net/share42/')</script>

Установка кнопок социальных сетей на сайт

Все, готово, кнопки социальных сетей для сайта установлены — можно пользоваться!
Но это еще не все — в одной из следующих статей я расскажу, как легально накрутить лайки ВКонтакте, Гугле, Фейсбуке и Твиттере, так что советую подписаться на обновления, будет интересно!

Аналогичные сервисы кнопок

ShareThis.com
Yandex Share
PIP.QIP
Share Pluso
Social Likes

Поделись этой статьей с друзьями!

Это будет интересно прочитать:

  • А почему бы не сделать все самому без плагинов? Я лично не «против», но и не «за» плагины. Наоборот, стараюсь избавляться, по мере возможности от них, постепенно заменяя на код. Даже написал большую статью на сей счет. Приглашаю почитать =)

    И насчет капчи. Можно использовать плагин invisible captcha, тогда и спама не будет и не надо будет извращаться с капчей 😉 Либо в .htaccess внести один код… Об этом у меня тоже есть

    Пропиарился. Едем дальше 😀

    • Можно, конечно! И об этом будет видео. У кого опыта меньше удобнее плагин поставить и все наглядно и просто настроить, у кого побольше — все в коде прописать. На вкус и цвет..
      Invisible Captcha у меня работал таким образом, что все комментарии попадали в спам, поэтому тут тоже не все так гладко

        • Не знаю, возможно на какой-то другой плагин накладывалось и неправильно работало. Я удалил и забыл )))

  • Здравствуйте! У меня стоят кнопки share.pluso
    Пробовала и другие кнопки, но почему то когда нажимаешь на кнопку поделиться в контакте, приложение берет не фото статьи, а всего две картинки на выбор: логотип сайта и картинку rss? Никак не могу разобраться в чем дело. Не подскажите?

    • Всегда так получается, не знаю, как их алгоритм работает, но любые подобные кнопки берут несколько картинок со страницы

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