Оптимизируем страницу при помощи собственных социальных кнопок

[@servekon]

Я пользуюсь сервисом Яндекса.

[@codemake]

[@servekon]

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

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>

Два(вставить на страницу):

<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus"></div> 

[@SerafimArts]

Подозреваю, потому что использовать внешний скрипт для настолько элементарных вещей, что даже хардкорный плюсовик справился бы с этим JS — это надо постараться (это как использовать JQ только для одной единственной вещи — для получения элемента по id). Т.е. допустимо лишь для тех, кто вообще не смыслит ничего (дизайнер набросал вёрстку или ещё что), для остальных же забота о безопасности и скорости работы сайта, думаю, превыше потраченных 10-ти минут на написание подобного велосипеда.

[@SerafimArts]

Зачастую общаясь с коллегами, не только на работе — наблюдаю подавляющую манию использовать всякие плагинчики для каждой свистперделки (простите) на сайте: То слайдер, то какие-нибудь превьюшки, то ещё что-то (например кнопки расшарки по ссылке выше) и меня это откровенно раздражает.

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

[@franzose]

Может быть потому, что писать велосипеды в большинстве случаев нецелесообразно?

[@SerafimArts]

Всё всегда зависит от случая. Я уже ответил на этот вопрос (см. второй абзац)

[@servekon]

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

[@SomebodyElse]

Потому что: тут десять минут, там десять минут, еще где-то пятнадцать — и вот ты уже целый день сидишь и пилишь свои велосипеды, вместо того, чтобы решать другие задачи.
На сегодняшний день понаписано уже столько готового кода в разных областях и на все случаи жизни, что почти всегда можно обойтись готовой библиотекой или «плагинчиком», в веб-разработке уж точно.
Конечно, когда используют JQuery, чтобы выбирать элементы по id — это другая крайность и тут важно найти баланс. В чем, собственно, и состоит нелегкий труд программиста :)

[@SerafimArts]

Ну или день исправлять косяки только в одном плагинчике. Опять же — см. второй абзац комментария: Всё зависит от задачи.

[@semlanik]

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

[@codemake]

Кодировочку бы поправить не мешало на страничке с вашим примером

[@SerafimArts]

Недавно столкнулся с такой ситуацией. Верстальщица отдала сайтик с расшарками от pluso, когда открыл скриптик — просто офигел сколько там всякого. В результате код сократился до:

Скрытый текст

  class Share
    constructor: (@title, @description, @image = '', @url = document.location.href) ->
      @title       = encodeURIComponent(@title || $('title').text())
      @description = encodeURIComponent(@description || ($('meta[name=description]').attr('content')))
      @image       = encodeURIComponent(@image)
      @url         = encodeURIComponent(@url)

    vkontakte: ->
      "http://vk.com/share.php?url=#{@url}&title=#{@title}&description=#{@description}&image=#{@image}"

    odnoklassniki: ->
      "http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=#{@url}&st.comments=#{@title}"

    facebook: ->
      "https://www.facebook.com/sharer/sharer.php?src=&u=#{@url}&t=#{@title}"

    twitter: ->
      "https://twitter.com/intent/tweet?url=#{@url}&text=#{@title}"

    google: ->
      "https://plus.google.com/share?url=#{@url}"

    livejournal: ->
      'http://www.livejournal.com/update.bml?subject=' + @title +
          '&event=<a+href%3D"' + @url + '">' + @title + '<%2Fa>'

    drawButtons: (dom, services) ->
      for i in services
        link = document.createElement 'a'
        link.target = '_blank'
        link.href = @[i]()
        link.classList.add i
        dom.appendChild link

Ну и пользоваться соответственно:

# <div id="share" data-services="****"></div>

dom = docuement.getElementById('share')
share = new Share
services = dom.getAttribute('data-services').replace(/\s+/g, '').split(',')
share.drawButtons(dom, services)

[@aleksandrd]

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

[@Vorchun]

Пользуюсь давно и успешно кнопками github.com/sapegin/social-likes Никакой рекламы в отличии от pluso.

Вы написали какие могут быть проблемы и много ссылок на скрипты. А какие проблемы с какими сриптами были не поделитесь?

[@kibal4iw]

Также данный плагин считаю отличным решением. Работает очень быстро

[@kozel]

Ребята, есть простая, удобная и чистая версия Pluso, в том числе с поддержкой Ретины x.pluso.ru/

[@aleksandrd]

посмотрел — выходит примерно 8 запросов и 80кб. То что сделали поддержку ретины — вот это молодцы, многие не учитывают увеличенное разрешение.

[@Goobs]

Плюсо был уличен мной недавно в кликджекинге, с тех пор ни ногой туда. Если надо по-быстрому, ставим share42, если не совсем — ставим ссылочки из списка в посте.

[@Night_Coder]

А я, как временное решение, перестилил кнопки от addthis (не захотел платить за ретина-иконки, и понеслось), они ж не айфреймом.
Даже при хорошем инете Addthis подгружается секунд через 3-5 после загрузки страницы, резко появляясь в шапке.
Спасибо за скрипт, самому было писать лень велосипед)