Добавление / Установка скрипта кнопок социальных сетей на сайте — Поделиться / Share — БЕЗ плагинов. Обзор сервисов

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

Привет всем!
В этой статье хочу обратить Ваше внимание на несколько, ТОП-овых и хороших сервисов, предоставляющие возможность легкой и быстрой установки/добавление на Вашем сайте — кнопок социальных сетей – Поделиться/Share.

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

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

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

Конечно же, существуют разного рода плагины добавления социальных кнопок (Поделиться / Share) на сайте, которых я Вам убедительно НЕ советую устанавливать. Потому что излишнее кол-во установленных плагинов на сайте – отрицательно сказываются на скорость загрузки сайта, о чем я не мало писал.

Цель написания этой статьи — ознакомить Вас с некоторыми хорошими сервисами социальных кнопок и убедить в том что выбирая между плагинами – установкой кнопок каждой соц сети по отдельности – и сервисами генерирующие скрипты – БЕЗ сомнений —

Список сервисов генерирующие скрипты социальных кнопок для сайта, которые я тестировал на своем блоге:

1. GoodShare

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

Огромное преимущество этого сервиса в том что, генерируемый им скрипт, имеет малый размер (2,49 кб) что позволяет Вашему сайту быстрее загружать все элементы.

К преимуществам GoodShare, можно отнести и то что Вы можете выбирать нужный размер кнопок, скрипт не содержит скрытые коды для слежения за действиями посетителей на сайте, нет ссылки на автора скрипта, что я думаю порадует многих а также скрипт кнопок социальных сетей GoodShare соблюдает кроссбраузерность (отлично работает во всех известных браузерах как: Chrome, Opera, Mozila даже и в Internet Explorer и т.д.) и кроссплатформенность (PC, Mac, Android и т.д.), что не может не радовать.

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

И так, дорогие друзья, если Вы спросите мой совет – я Вам настоятельно рекомендую пользоваться сервисом GoodShare и вообще забыть о проблеме установки на сайт кнопок социальных сетей – Поделиться/Share, можете даже не читать дальше :)

Давайте я Вам немного расскажу о том как быстро настроить и установить на своем сайте – кнопки социальных сетей, с помощью скрипта GoodShare:

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

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

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

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

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

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

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

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

Даже плавающие где-то слева или справа кнопки, не дают то что Вам нужно.

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

Фишка: Может знаете, может нет – кнопки можно менять местами.

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

2. Pluso

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

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

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

Также, в преимуществах, можно отнести и разновидность дизайна. В прочем заходите и смотрите сами.

Единственное что мне НЕ понравилось – принудительная ссылка (которую не возможно убрать) на автора скрипта, а также частые проблемы в отображении кнопки Поделиться/Share от вконтакте, о чем я выше писал. Выбор за Вами, может у Вас этой проблемы не будет.

pluso wordpress share buttons

Кстати, получить код кнопок можно как и зарегистрированным пользователям, так и незарегистрированным. Регистрированные получат доступ к статистике, за которой также нужно следить.

3. Uptolike

Более «развернутый» и сложный сервис чем вышеописанные.

Используя его, Вы сможете настроить и установить на свой сайт – кнопки социальных сетей, всякого рода опросы и рейтинг статей. Для этого используйте пункт в меню «Модули»

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

А теперь по порядку:

  • Соц Кнопки – выбирая этот модуль, внизу страницы делаются все необходимые настройки от выбора дизайна кнопок, их расположение на странице заканчивая размерами кнопок и настройки «Follow».

Пройдитесь по этим параметрам, используя меню в правой части сайта. Результаты отображения видны в левой части.

кнопки share uptolike

После всех настроек, нажимаем на кнопку «Получить код», вносим e-mail и адрес сайта, информацию о коде получите по почте. Код вставляется туда, где Вы хотите видеть соц кнопки.

  • Опросы – возвращаемся в меню «Модуль» и выбираем «Опросы».

Ниже найдете, также в левой часть  — настройка Опросов, в правой части – результаты отображения.

Если Вы хотите делать опросы на своем сайте – пользуйтесь сервисом на здоровье, исключите, насколько это возможно – использование плагинов.

Копируем код скрипта и вставляем на сайт. Обычно, опросы устанавливаются в виджетах. Если опрос важен для Вас и Вы хотите получить как можно больше ответов, рекомендую воспользоваться плагином Q2W3 Fixed Widget. Поверьте, результаты не заставят себя ждать.

uptolike создать опрос на сайте

  • Рейтинг статей – если Вы хотите предоставить Вашим посетителям возможность голосования Понравилось/Не понравилось, относительно выложенной информации в статьях, переходите в «Модуль» — > «Рейтинг статей».

Все стандартно – настройка – слева, результат – справа. Копируем код скрипта и вставляем на сайт.

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

Как я говорил выше, сервис отличный но сложный по функционалу, что сказывается на размер скрипта. Если Ваш сайт находится на качественном хостинге и верстка сайта сделана без ошибок (исключено бесплатные темы под WordPress) – смело пользуйтесь услугами этого сервиса.

Если возникнут заметные проблемы с загрузкой сайта – почитайте статью про плагин кэширования — W3 Total Cache. Если и это не поможет – воспользуйтесь другими сервисами предоставляющие услуги по настройке и установке кнопок социальных сетей на сайт.

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

4. AddThis

Сервис , чем-то похожий на выше перечисленные. Если честно – не долго пользовался им по забытым, уже, причинам :) . Но, страничка сервиса сохранена у меня в закладках, так что если с остальными сервисами возникнут проблемы, всегда найдется решение.

Также, настройка кнопок делается по левой стороне сайта, результаты отображаются по правой.

Множество настроек сервиса позволят Вам решить даже самые требовательные задачи.

addthis добавить социальные кнопки

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

5. Yandex.Share

Сервис Яндекса, который также дает возможность подключить на сайт социальные кнопки.

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

Хочется отметить что работа скрипта соц кнопк Яндекса выполняется без всяких проблем. Единственное что мне не понравилось – это дизайн и ограниченное количество социальных сетей/закладок, хотя их достаточно для русскоязычных сайтов. Выбор, как всегда – за Вами.

яндекс кнопки поделиться в соцсетях

6. Share42

Последний сервис в моем обзоре.

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

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

На странице сервиса найдете всю нужную, пошаговую информацию о том, как настроить и установить кнопки на сайт.

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

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

Я отказался от этого варианта, поскольку выбрал для себя установку одного скрипта вместо десятки, потому что если Вы захотите установить кнопки, к примеру 10-ти соц. сетей – Вы должны будете вставлять 10 разных скриптов на свой сайт что, поверьте мне, сильно сказывается на скорость загрузки сайта. Даже с точки зрения дизайна – это не выглядит, на мой взгляд, красиво. Посмотрите сами:

social share buttons

Хотя на вкус и цвет, карандаши разные! Лучше всего пользоваться первым пунктом данного обзора и забыть.

Если Вы знаете еще какой-нибудь сервис такого рода, стоящий внимания – поделитесь в комментариях.

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

Пока, пока!

23 комментария к Добавление / Установка скрипта кнопок социальных сетей на сайте — Поделиться / Share — БЕЗ плагинов. Обзор сервисов

  • Анатолий  написал:

    Мне больше всего нравятся UpToLike и Yandex.Share, но говорят, что первый сервис создает дубли.

    • Max Vuzin  написал:

      первый из твоего списка (то есть UpToLike), или первый из моего списка?

      И где можно прочитать про то что хоть один из этих сервисов создают дубли???

      • Анатолий  написал:

        Вот в этой статье прочитал про дубли http:// blogibiznes.ru/socialnye-knopki-generiruyut-dubli-stranic-na-sajte.html

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

        • Max Vuzin  написал:

          если бы ты потыкал несколько моих кнопок — увидел бы что у меня все в поряде... :) но что поделать — может не понравилось :)

        • Анатолий  написал:

          У тебя UpToLike? Я себе поставил их на два сайта, очень нравится оформление. А на остальных использую кнопки от Яндекса. Они как сделали новый дизайн им, я везде и поменял, пока UpToLike не увидел однажды :)

  • Max Vuzin  написал:

    Нет, у меня GoodShare — самый лучший, на мой взгляд, вариант. Маленький размер скрипта, красивый и простой дизайн, никогда не выдавал ошибки загрузки какой-нибудь кнопки. У меня всегда были проблемы с загрузкой кнопки от ВК, пока не нашел GoodShare. Я его поставил везде и всем тоже советую...

    • Артём  написал:

      Насчет ВК совершенно согласен, это всегда дико раздражает.

  • Артём  написал:

    Спасибо, вовремя.

    Раньше пользовался «Pluso», но там часто обнулялись счетчики.

    Перешел на «Uptolike», но главный минус — дубли страниц.

    Теперь попробую «GoodShare».

    • Max Vuzin  написал:

      Попробуйте и обязательно напишите свое мнение насчет GoodShare.

      А то что счетчики становятся по нолям, лично для меня — не проблема... Если даже кто то и поделился статьей — ссылка останется, независимо от показателя счетчика...

    • Анатолий  написал:

      Кстати, насчет дублей. Они у вас индексируются что ли?

      • Max Vuzin  написал:

        да не вроде...не замечал... Откуда вопрос появился???

        Яндекс показывает 60 страниц в поиске...

        • Анатолий  написал:

          Что-то я торможу :D

  • maria  написал:

    Отличная статья. О кнопке Поделиться также рекомендую почитать тут http:// kvinta-a.ru/knopki-podelitsya-dlya-sayta/

  • Валентина  написал:

    Интересная, полезная статья. У меня один вопрос: код кнопок GoodShare нужно каждый раз устанавливать в новую статью? Или он устанавливается один раз где-то в админпанели?

    • Max Vuzin  написал:

      Да Валентина, код социальных сетей устанавливается через админку — ОДИР раз.

      Админ панель — Внешний Вид — Редактор — Single.php. Код вставляется в том месте этого файла (single.php) где Вы хотите видеть кнопки.

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

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

      Спасибо что указали на то чего не хватает в статье, надеюсь помог, если что — пишите... Удачи!

  • OmarSK  написал:

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

    • Max Vuzin  написал:

      Поделиться в соц сетях — это Вы сами напишите, я у себя сам написал...

      Для того что бы кнопки были заметнее — сделайте их чуток больше и выравнивайте по центру... Если посетители не нажали на кнопки соц сетей — это не обязательно что они (посетители) их не заметили — может просто не понравилось прочитанное?? :)

  • Webveles  написал:

    Спасибо за статью! GoodShare юзаю теперь :)

    а то плагинами полное уг че-то...

  • Валентин  написал:

    Здравствуйте, вписал в код шаблона «Блок социальных кнопок от Яндекса» на сайт bastille. com.ua но столкнулся с одной неприятностью — размером кнопок, подскажите как увеличить размер иконок социальных сетей?

    • Max Vuzin  написал:

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

  • Тимур  написал:

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

    • Max Vuzin  написал:

      Привет, я бы не советовал Вам копаться с кодами, лучше потратьте время на написание статей, поверьте головной боли будет меньше )))

  • Анастасия  написал:

    Спасибо, за статью! Полезно и главное, доступно!

    Но, ещё можно добавить информацию по новый сервис кнопок соц. сетей: usocial.pro

    Стоит обратить на это внимание, свежие, с чистым кодом, и красивым дизайном.

    Информация по основным преимуществам тут: usocial.pro/whyus

    А еще там есть всплывающие окошки, лайк кнопка и дебаггер.

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

Автор блога оставляет за собой право на удаление или редактирование Вашего сообщения и данных которые Вы оставляете в поле выше. Оставляя свой комментарий - Вы принимаете данные условия. Если Ваш комментарий не по теме или составляет только такие выражения как : "Классная статья", "Обязательно попробую", и т.д. - будьте готовы на то что ссылка на Ваш сайт будет удалена. Что бы ссылка осталась - напишите комментарий из несколько предложений и обязательно по теме статьи. Спасибо за понимание!!!