Главная > Плагины для WordPress > Плагин Social Share Buttons

Плагин Social Share Buttons

Установка плагина Social Share Buttons для размещения в блоге кнопок "Пподелиться в соц.сетях"С помощью плагина Social Share Buttons на блоге устанавливается блок кнопок "Поделиться в соц.сетях" Для чего же нужен этот блок? Посетитель вашего блога, прочитав интересную статью нажимает на кнопку "Поделиться..." и в его аккаунте (личной страничке) в соц.сети, появится ссылка на эту статью и ее увидят все его друзья и посетители. С помощью плагина Social Share Buttons, на просторах Интернета появилась новая ссылка на ваш ресурс, что в последующем приведет к дополнительному притоку трафика (посетителей), ну, а что значат посетители для блога, объяснять, я думаю, не нужно.

Плагин Social Share Buttons можно скачать здесь. После установки в Панели инструментов, в самом низу, появится раздел Share Buttons — это настройки плагина.

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

Главные настройки

  • Загрузите ваш логотип сайта — загружаем логотип вашего блога.
  • Текст перед социальными кнопками — пишем текст, который будет в заглавии блока кнопок.
  • Генерация мета данных — если вы используете плагин All in One SEO Pack или ему подобные, то галочку в этом разделе ставить не нужно, потому, что эта функция уже будет выполнена.
  • Позиция кнопок соц. сетей — позиционируем блок кнопок и выбираем страницы, на которых он будет отображаться.
  • Другие настройки — прописываем ссылку на вашу страничку в Twitter.
  • Не забываем сохранить изменения!

Share настройки

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

Like настройки

  • Сортировка кнопок Like — сортируем кнопки перетягиванием.
  • Включение/Отключение социальных кнопок — включаем/отключаем кнопки.
  • Кнопка Like соц. сети Mail.ru — настраиваем параметры кнопки соц.сети Mail.ru
  • Кнопка Like соц. сети Facebook — настраиваем параметры кнопки соц.сети Facebook. Для того, чтобы кнопка работала, нужно перейти по предложенной ссылке на Facebook и создать приложение.
  • Кнопка Like соц. сети Вконтакте — настраиваем параметры кнопки соц.сети Вконтакте, переходим по ссылке и создаем приложение в Вконтакте, иначе кнопка не будет работать.

Вот и все настройки!

Вместо плагина Social Share Buttons, для установки кнопок "Поделиться в соц.сетях" можно использовать сервисы, которые предоставляют скрипты кнопок, более подробно здесь.

Подпишитесь на обновления блога по e-mail

Подпишитесь на обновления блога по e-mail

  1. 25 ноября 2012 в 21:26 | #1

    Генерация метаданных галочку снял, All in One SEO Pack отключил. Но на страницах сайта кнопка фейсбука поделится, генерит крякозябры в метаданных. заметил по виджету (плагину от фейсбук) в боковой панели «Рекомендации», там в рекомендациях тоже появились крякозябры, этих постов которыми поделились, его тоже отключил. Пересмотрел все основные файлы думал може кодировка, все перепробовал пересмотрел вроде кодировка гуд. Куда дальше смотреть, в чем может быть проблема?

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

  2. NiL
    25 ноября 2012 в 22:33 | #2

    @Вадим Волос

    Вадим, а началось все после установки плагина Social Share Buttons? Я посетил ваш блог и кракозябры увидел только в виждете рекомендаций, этот виджет, как я понял, создается плагином Recommendations Box. Я думаю, что проблема в нем.

  3. Вадим Волос
    25 ноября 2012 в 22:35 | #3

    Вот странно, и непонятно почему, по этой ссылке крякозябр нет www.facebook.com/sharer/sharer.php?u=http://vadimvolos.com

    а по этой есть

    www.facebook.com/sharer/sharer.php?u=http://vadimvolos.com/reviews

    С чем это связано, и куда копать?

  4. Вадим Волос
    25 ноября 2012 в 22:39 | #4

    @NiL

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

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

  5. NiL
    25 ноября 2012 в 22:57 | #5

    @Вадим Волос

    Проверил все ваши кнопки — глючит только фейсбук и то не на всех страницах, вы правы. А может быть глюк все же на стороне фейсбука? Прихожу к такому выводу, потому, что и кнопка и виджет глючат вместе. Может стоит подождать.

    З.Ы. Проверил у себя статей 7-8 — кнопка фейсбук работае нормально.

  6. Вадим Волос
    25 ноября 2012 в 22:59 | #6

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

    Shareaholic | email, bookmark, share buttons

    wordpress.org/extend/plugins/sexybookmarks

    Shareaholic* | email, bookmark, share buttons

    wordpress.org/extend/plugins/shareaholic

  7. NiL
    25 ноября 2012 в 23:22 | #7

    @Вадим Волос

    Похоже, что плагин один и тот же, только ссылки разные. А может вообще обойтись без плагина? Вот здесь почитайте:

    http://web-top-plus.ru/sozdaem-sajt/knopki-podelitsya-v-soc-setyax/

  8. Вадим Волос
    25 ноября 2012 в 23:55 | #8

    Да спасибо, уже читал дизайн не понравился и реализация. Может еще что-то поищу. По поводу плгина, вот у них на сайте можно увидеть разницу shareaholic.com/publishers/sharing

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

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

  9. 9 января 2013 в 16:36 | #9

    спасибо огромное, ваша статья очень помогла

  10. Абдикарим
    27 января 2013 в 14:38 | #10

    Вопрос: Как убрать установленный логотип в настройках плагина?

  11. NiL
    27 января 2013 в 18:10 | #11

    @Абдикарим

    Специально загрузил логотип с помощью плагина (ни когда этого не делал раньше). Вот в этой папке я его нашел:

    plugins/share-buttons/upload/uploads

    Удалите вручную.

  12. 4 февраля 2013 в 17:23 | #12

    @Вадим Волос

    Та же проблема, что и у вас. Не могу найти решения. Такое впечатление, что Facebook иногда (непонятно, от чего зависит) упорно воспринимает UTF-8 за Win1252, поэтому крякозябры. Но только на некоторых страницах. На других все нормально. Иногда можно добавить или убрать слеш в конце — и проблемы с кодировкой исчезают.

    Описание проблемы есть в сети на многих страницах — решения нет. Вы нашли решение?

  13. 4 февраля 2013 в 23:07 | #13

    @Дмитро

    Собственно по плагину Social Share Buttons

    В коде плагина не разбирался но нашел решение, а решение такое

    Когда ссылка страницы заканчивается буквами, все ок, а когда в конце ссылки стоит «/»

    тогда фейсбук генерит крякозябры.

    Посему я все страницы сделал с окончанием .html

    Вот пример, не сочтите за рекламу, а если сочтете можете этот пример удалить.

    vadimvolos.com/blog/skazka-o-zolotoy-ryibke.html

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

  14. 24 февраля 2013 в 20:56 | #14

    Поставил плагин. Да вот беда. Например когда нажимаю кнопку твиттера не чего не происходит. Как исправить?

  15. NiL
    25 февраля 2013 в 07:42 | #15

    @23Yuriys

    Заглянул в ваш исходный код и обнаружил, что ссылки на кнопки twitter, facebook, odnoklassniki и mailru отображаются вот в таком виде: href="#odnoklassniki"

    # — этого значка быть не должно, смотрите в коде плагина.

  16. 27 февраля 2013 в 20:22 | #16

    Т.е его от туда почистить?

  17. NiL
    27 февраля 2013 в 21:21 | #17

    @23Yuriys

    Попробуйте для начала переустановить плагин.

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

    P.S. Только что скачал и установил плагин, просто я этим плагином давно не пользуюсь. Все работает, посмотрел исходный код, значок «#» в ссылках есть, как у вас — значит не в нем дело.

  18. Игорь
    23 марта 2013 в 16:13 | #18

    У меня не работает сортировка кнопок перетаскиванием. Ни в одном браузере. Где в коде можно установить сортировку?

  19. NiL
    23 марта 2013 в 17:51 | #19

    @Игорь

    Папка share, файл share_customize_type.php, 255 строка

    255
    
    $array_buttons = array('facebook'=>$facebook,'googlebuzz'=>$googlebuzz, 'googleplus'=>$googleplus, 'livejournal'=>$livejournal,'mailru'=>$mailru,'odnoklassniki'=>$odkl,'twitter'=>$twitter,'vkontakte'=>$vkontakte,'yandex'=>$yandex);

    В этой строке, вы можете расставить значки в нужном порядке.

  20. 31 марта 2013 в 12:52 | #20

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

  21. 2 мая 2013 в 14:02 | #21

    Я прошу прощения, уважаемый автор, за свои 5 копеек...

    Но зачем использовать плагин там, где без него можно обойтись???

    • NiL
      2 мая 2013 в 14:27 | #22

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

  22. Анна
    26 мая 2013 в 11:25 | #23

    Здравствуйте, а как настроить кнопку Лайк для контакта? Ссылка в приложении не работает. И...я начинающий блогер)))

    • NiL
      26 мая 2013 в 14:10 | #24

      Что бы работала кнопка «Лайк» для ВКонтакте, нужно прописать API ID в настройках. Вы выполнили это условие?

  23. 8 июля 2013 в 11:48 | #25

    Добрый день! В установках плагина есть только установка кнопок на Главную страницу, Страницы и Посты. А есть ли возможность размещения кнопок в категориях и архивах?

  24. NiL
    8 июля 2013 в 13:22 | #26

    @Александр

    Здравствуйте, Александр!

    Возможность есть, но только через изменение кода в файлах... У меня к вам встречный вопрос: зачем?

    На мой взгляд, даже вывод кнопок на Главной, уже не нужен. Если на Главной находятся анонсы статей, то, неужели вы думаете, что кто-то воспользуется кнопками «Поделиться...», не прочитав статью полностью. Да, и с точки зрения SEO, лишние внешние ссылки на главной — не есть хорошо.

    Сделайте кнопки в конце каждой записи и страницы — этого, поверьте, достаточно.

  25. 8 июля 2013 в 19:51 | #27

    Скорее всего, Вы правы! Зачем... Сила привычки — раньше стоял Sharexy. От давал везде.

  26. семен
    12 июля 2013 в 05:15 | #28

    подскажите пожалуйста, почему не работает этот код do_shortcode ('[share-buttons]?

  27. NiL
    12 июля 2013 в 09:30 | #29

    @семен

    Мало информации! Что нужно выводить и куда, с помощью этой функции?

  28. Amapola
    11 августа 2013 в 15:05 | #30

    NiL, а не подскажете, как все кнопки в этом плагине вытянуть в одну строку? Разбивается аж на 4 строки почему-то ;(

  29. NiL
    12 августа 2013 в 10:17 | #31

    @Amapola

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

    Заглянул в код плагина — не так там все и просто (для меня, по крайней мере), короче я бы не заморачивался, а воспользовался альтернативой: Кнопки «Поделиться в соц.сетях»

  30. Alex
    12 августа 2013 в 21:14 | #32

    @NiL

    А я в базе исправил :-)

    У меня вот какая проблема — плагин урезает в себе русские буквы — в админке и на страницах во всплывающих подсказках. Например, на странице в коде a href=facebook alt="бликовать в Facebook", т.е. вырезает 3 первые символа. В админке тоже преимущественно по 3 символа вырезает, но в некоторх местах и больше. У кого-нибудь была ткая проблема? Кто как решал?

  31. Alex
    12 августа 2013 в 23:18 | #33

    @Alex

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

  32. NiL
    12 августа 2013 в 23:28 | #34

    @Alex

    Не встречал такого.

    Вы сейчас строку из кода показали, трех букв уже в этой строке в коде не хватает или при выводе всплывающей подсказки на странице?

  33. Alex
    12 августа 2013 в 23:44 | #35

    @NiL

    в HTML-коде, который сервер отдает клиенту (браузеру) и, соответственно, во всплывающей подсказке тоже.

    В PHP все ок. Да и если бы там было не ок, он бы вообще не выводил.

  34. Alex
    12 августа 2013 в 23:50 | #36

    @Alex

    Собственно, лучше один раз увидеть скриншот

  35. NiL
    13 августа 2013 в 00:00 | #37

    @Alex

    А хостинг случайно не в Германии?

  36. Alex
    13 августа 2013 в 06:47 | #38

    @NiL

    нет, в Москве

  37. NiL
    13 августа 2013 в 09:31 | #39

    @Alex

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

  38. Aleksa
    23 августа 2013 в 22:03 | #40

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

  39. NiL
    24 августа 2013 в 00:00 | #41

    @Aleksa

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

  40. Aleksa
    24 августа 2013 в 16:47 | #42

    Спасибо. Попробовала по отключать другие плагины, ничего не изменилось. В процессе экспериментов еще и обнаружила, что пресловутое изображение кнопки Контакта появляется на секунду при загрузке любой страницы сайта. Тему мне менять не хочется, поэтому предпочла отключить Social Share Buttons, как ни жаль с ним расставаться, и поставила кнопки от Share42. Но с ними у меня другая история)) Я код с ними разместила в файле single.php и они у меня теперь отражаются в каждой статье под текстом (что замечательно) и на всех остальных страницах сайта под текстами и на главной, куда выводятся анонсы последних записей, под анонсом каждой из записей (что уже нежелательно). Не подскажете, как запретить вывод этих кнопок на страницах и особенно на главной, где их теперь просто засилье?:-))

  41. NiL
    25 августа 2013 в 09:21 | #43

    @Aleksa

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

    Что же касается кнопок от Share42 — не самый плохой вариант, сам им пользуюсь. А вот почему кнопки выводятся еще и на главной, под анонсами записей, затрудняюсь ответить. Для вывода кнопок на главной, код должен быть в файле index.php

    Вот по этому адресу находится хостинг кодов: codepaste.ru/add/ Скопируйте файлы index.php и single.php и скиньте мне в личку, через форму контактов.

  42. 24 декабря 2013 в 12:53 | #44

    Добрый день! У меня вопрос. А если поставить кнопки соц сетей и в начале статьи, и в конце? Это улучшит посещаемость? Или это лишнее?

  43. NiL
    26 декабря 2013 в 15:44 | #45

    @Андрис

    Думаю, что кнопки в начале и в конце статьи — это уже слишком.

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

    Установку кнопок соц.сетей нужно использовать в комплексе.

  44. 10 января 2014 в 09:08 | #46

    На самом деле я давно отказался от подобных плагинов и начал пользовался share кнопками goodShare. ИМХО, гораздо проще, чем грузить сайт плагином... Действий меньше в раза два, а эффект тот же! Вот ссылка, кому интересно: share.cntrlmrktng.ru

  45. 23 октября 2014 в 22:01 | #47

    Добрый вечер!

    Пытаюсь пол дня разобраться с этим плагином, вроде все настроила, но есть проблема...

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

    Вконтакте все гуд, дает выбрать картинки ...

  46. NiL
    3 ноября 2014 в 10:14 | #48

    @Лиля

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

  47. 1 марта 2015 в 12:16 | #49

    Как убрать битую ссылку из плагина?

  48. NiL
    1 марта 2015 в 13:49 | #50

    @Сергей Абрамов

    Сергей, конкретней, пожалуйста. Какую ссылку?

  49. Алексей
    5 июля 2015 в 02:57 | #51

    Спасибо, тоже не работал перенос, помогло

  1. Пока что нет уведомлений.