Как установить социальные кнопки на сайте

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

Что же дают эти кнопки?

Размещение share-кнопок увеличивает посещаемость сайта на 5-20%. Это работает следующим образом:

— По статистике каждый 65 посетитель делится страницей в социальной сети.

— В среднем люди делают 2-3 лайка понравившейся страницы, публикуя ее в разные сети.

— По размещенной в социальной сети ссылке приходят 6 новых посетителей.

— Среднее количество просмотренных страниц — более 2-х за сессию.

Таким образом, один лайк страницы приносит в среднем 12 новых просмотров от посетителей социальных сетей.

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

Такой способ идеально подойдет для тех, кто вообще не разбирается в HTML разметке и CSS стилях. Хороший плагин, который мне понравился, расположен вот по этой ссылке WP Socializer. На этой странице есть два коротеньких видеообзора, демонстрирующие возможности данного плагина, поэтому Вы легко определитесь, нужен ли Вам этот плагин.

А теперь я расскажу Вам о моём выборе, на котором я остановился – это скрипт PLUSO. Итак, что же это за скрипт и что он может?

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

По мимо стандартных наборов, всем известных сервисов (Facebook, Twitter, LiveJournal, ВКонтакте, Одноклассники и др.), PLUSO предлагает целый ряд дополнительных сервисов и действий. Например, одним кликом, вы можете распечатать понравившуюся статью, добавить страницу в закладки или отправить ее на e-mail.

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

Давайте рассмотрим пример установки социальных кнопок PLUSO на моём блоге, работающем на WordPress.

Как настроить и установить социальные кнопки

Шаг 1.

Сервис не требует регистрации, но я всё же решил пройти эту процедуру, с подтверждением e-mail адреса, потратил не больше двух минут. Кстати, регистрация открывает несколько полезных функций, к примеру, подробную статистику кликов и наиболее популярные сервисы.

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

Шаг 2.

Теперь при помощи конструктора выбираем дизайн кнопок, наиболее подходящий под стиль Вашего сайта. Как только Вы выберите нужные кнопки и сервисы и настроите их дизайн, нажимайте кнопку КОПИРОВАТЬ. Теперь код Ваших социальных кнопок в буфере обмена и можно приступать к вставки его на Ваш сайт.

Шаг 3.

Заходим в администраторскую панель Вашего сайта.

Шаг 4.

Выбираете Внешний вид – Редактор.

Шаг 5.

Мы с вами рассматриваем пример размещения социальных кнопок под статьёй. Значит теперь нужно выбрать из списка доступных страниц для редактирования – страницу «Одна запись» single.php.

Шаг 6.

Предлагаю разместить кнопки сразу после окончания материала. Для этого вставляем html код (который находится у нас в буфере обмена) в файл single.php ниже строки, которая начинается с <?php the_content и заканчивается тегом </div>. Будьте очень внимательны.

СОВЕТ! перед тем, как приступить к вставке кода, скопируйте код Вашей страницы в Word или блокнот. Таким образом, если Вы нарушите разметку Вашей страницы, Вы без труда сможете вернуть все обратно.

Шаг 7.

Для того чтобы выровнять кнопки по центру, предлагаю внести дополнения в код. Для этого потребуется заключить изображения кнопок в тег <center>. И незабываем, нажать кнопку сохранить файл.

Вот и готово! Пример Вы видите ниже. Пробуйте и применяйте на своих сайтах. А ещё Вы можете посмотреть подробную инструкцию на сервис социальных кнопок Яндекс.Поделиться. Или создать блок социальных кнопок без сервисов и плагинов, только на html и css.

С уважением, Максим Зайцев