Кнопки «лайков» социальных сетей с использованием jQuery

jQuery
Очень часто возникает задача на сайт добавить кнопочки социальных сейте(кнопки лайков).

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

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

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

Можно долго об этом говорить... Но давайте по теме, вот нашел неплохую наработку от  Артём Сапегин, он собрал эти кнопочки в своем сервисе, и Вам нужно только только поставить галочку на нужном чекбоксе соц. сети и все.

Все кнопоки социальных сетей оформляются в едином стиле.

В общем, мне очень понравилось =)

Вот сам сервис - Social Likes

Tagged , . Bookmark the permalink.

Также может быть интересно:

  • Замедляют работу как раз стандартные кнопки из-за большего количества внешних ресурсов, чем в одном плагине 🙂

    • panteleev

      Т.е. разработанные Вами плагин сильно замедляет работу сайта? И лучше поставить лишнее дополнение себе на сайт/блог?

      Лично от меня, мне Social Likes очень понравились, спасибо =)

      Подключение происходит быстро и без лишних усилий.

      • Что вы называете «лишним дополнением»? Я говорил, что подключение стандартных кнопок нескольких социальных сетей замедлит работу много сильнее, чем один мой плагин. «Замедляет» вообще и то, и другое.

        • panteleev

          «лишним дополнением» я называю допустим тот же «AddThis», который установлен на данный сайт.

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

          Не понял с первого раза смысла сказанного Вами, =).

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

          • Не понимаю, как вы различаете «плагины» и «просто скрипты». Любая штука, установленная на сайт, будет его замедлять. Но в разной степени. Если у вас на странице несколько кнопок (Фейсбук и Твитер, например) и на сайте Джейквери уже подключен, то мой плагин точно будет меньше тормозить.

          • panteleev

            Под «плагином» я подразумеваю функционал, который расширяет возможности движка(CMS). Очень часто плагины делают еще и анализ, типа — сколько раз кликнули, перешли и т.д.

            Под «просто скриптом», я подразумеваю код, который просто встраивается в шаблон системы, т.е. нет никакого упоминания об этом «просто скрипте» в админке сайта, в БД и т.д.

            >>> Если у вас на странице несколько кнопок (Фейсбук и Твитер, например) и на сайте Джейквери уже подключен, то мой плагин точно будет меньше тормозить.

            Попробую протестировать.

            Извините, может быть за глупый вопрос, но почему Ваш скрипт будет работать быстрее?

          • Очевидно, почему: у меня всего два файла (JS и CSS) + джейквери + по запросу счётчика для каждой кнопки. Посмотрите, сколько всего тянет за собой каждая стандартная кнопка.

          • panteleev

            Хм... теперь понятно, уже поглядел

          • panteleev

            Артем, спасибо Вам еще раз за дынный скрипт, установил себе на блог, все просто летает!!!

    • panteleev

      Возник еще один вопрос.

      Возможно ли сделать отложенную загрузку соц. сетей через Ваш скрипт? Что я имею ввиду:

      У нас есть страница блога, на ней есть достаточно много постов, так вот, у каждого из постов свои соц. сети и поэтому страница грузится очень долго... Возможно ли сгенерировать весь контент а потом все подключить =)

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

      • Вряд ли я сам буду это делать в ближайшее время, но буду рад пулреквсту 🙂

  • Алекс

    вот как бы кнопки для лайков поставить...

    • 1. Выбираете вид кнопок

      2. Указываете показывать счетчик лайков на социальных сетях или нет

      3. Выбираете сайта социальных сетей

      4. Указываете адрес страницы, если отличается от адреса страницы, где размещены кнопки

      5. Указываете название и т.д.

      В общем там все просто 😉

      Пробуйте

    • На этом блоге эти кнопочки стоят =)

  • Юрий ВС

    Так и не понял как их установить — залил 2 файла из скачанного зип архива в корневую папку, установил код, предложенный мне системой, но появился тупо текстовый список на его месте- може быть я что то сделал не так? но там в коде даже тегов ссылок нет, как я вижу

    ...

    ...

    Facebook

    Twitter

    Вконтакте

    Google+

    • Вам нужно подключить jQuery, скачать можно тут code.jquery.com/jquery-1.9.1.min.js, по ссылке правой мыши и сохранить как.

      Далее jQuery заливаете в папку с social-likes.min.js и подключаете

      Должно работать.

  • Виталий

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