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

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

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

Хорошо, давайте приступим к выполнению данной задачи и посмотрим, как установить кнопки социальных сетей к себе на сайт или блог на WordPress.

Установка кнопок социальных сетей с помощью плагина Social Share Buttons

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

А пока вы размышляете, я буду говорить как установить плагин на WordPress.

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

Как настроить Social Share Buttons, я рассказывать не буду, там все понятно итак, можно выбрать разные отображение, загрузить свой логотип и так дальше, во общим не сложно, разобраться можно.

Социальные закладки для сайта, с помощью share42

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

Прежде чем буду говорить об установки, скажу почему я именно выбрал этот сервис. С помощью share42 можно сделать очень красивые и привлекательные кнопки, пример можно посмотреть у меня в конце этой статьи. Да есть масса других сервисов api.yandex.ru, и ‎Pluso, короче их много, все они вставляют в закладки свою кнопку сервиса, что очень мешает.

Переходим к установке, заходим на сайт share42.com

Выбираем нужный размер, я буду брать 24×24, дальше отмечаем нужные нам иконки сервисов, я выбрал вот такие.

 Переходим к пункту номер 2, выбираем нужные нам опции.

— Тип панели с иконками, я выбираю (горизонтальный)
— Кодировка вашего сайта, по умолчанию у нас (UTF-8)
— Добавить иконку сайта Share42.com (убираем галочку)
—  Ссылка на RSS вашего сайта (Если вы выбрали иконку RSS, то вам нужно будет вставить ссылку)
— К вашему сайту подключен jQuery (Если да, то ставьте галочку, если не знаете, то не ставьте), ну в основном на Wordpress она подключена.
— Показывать счетчики публикаций (По желанию, если поставите, то будет иконка и рядом цифра сколько нажатий было по данной иконке)

Вот показываю как это выглядит.

Переходим к пункту номер 3, можем посмотреть как будут выглядеть наши кнопки.

Красиво Да? Затем нажимаем «Скачать готовый скрипт»

Переходим к пункту номер 4, устанавливаем скрипт на свой сайт.

1. Распакуйте архив со скриптом.
2. Загрузите папку «share42» на ваш сайт по FTP или через панель управления хостингом (при желании папку можно переименовать, в корень вашего блога).
3. Укажите путь до этой папки: (у меня https://smetskiy.com/share42/) внизу появится ссылка для проверки правильного размещения папки, перейдите по ссылке, ели увидите страницу с кодом значит все в порядке.

4. Выбираем тип сайта (у меня WordPress)

5. Вставьте в шаблон вашего сайта код который вы видит ниже (прямо перед или сразу после текста статьи)

1

<script src="http://www.smetskiy.com/share42/share42.js"></script>

Чтобы не вставлять постоянно этот код в статьи, а вставить один раз и больше не заморачиватся над ним, так вот, как это сделать ? Установить себе такой плагин как Post Layout, перейдите в панель управления сайтом, раздел Плагины/Добавить новый и в строчке поиска плагина, просто впишите Post Layout и нажмите установить а затем активируйте. После этого переходим в Настройки/Post Layout, жмем на Single post и в пункте Code to add after the post и в эту строчку вставьте ваш код.

Быстрое и эффективное продвижение в instagram, переходи по ссылке http://instapromo.com.ua и получи желаемый результат !

Instagram

Вот и все готово, всем спасибо надеюсь все понятно объяснил, кому что-то не понятно, пишите в комментариях, все всем пока.

С уважением Евгений Смецкий