Плагин Social Share Buttons — установка кнопок социальных сетей

плагин social share buttonsПлагин Social Share Buttons предназначен для установки на сайте кнопок различных социальных сетей. Это дает возможность посетителям вашего сайта поделиться ссылками на интересные статьи, расположенные на сайте, со своими друзьями в социальных сетях.

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

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

скачать яндекс браузер

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

Установка плагина Social Share Buttons

Для установки плагина Social Share Buttons for WordPress войдите в «Админ-панель WordPress» => «Плагины» => «Добавить новый». В поле «Поиск» нужно ввести выражение «Social Share Buttons», а затем нажать на кнопку «Поиск плагинов».

В окне «Установить плагины» необходимо выбрать плагин «Social Share Buttons for WordPress», а потом нажать на ссылку «Установить». В окне подтверждения установки плагина нажимаете на кнопку «ОК».

В новом окне «Установка плагина: Social Share Buttons for WordPress» вам будет нужно будет нажать на ссылку «Активировать плагин». После этого в «Админ-панели WordPress», в боковой панели появляется новый пункт — «Share Buttons».

Настройка плагина Social Share Buttons

Для того, чтобы настроить плагин Social Share Buttons нужно нажать на пункт «Share Buttons», расположенный в боковой панели консоли. В контекстном меню сначала нужно выбрать пункт «Главные настройки».

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

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

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

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

В пункте «Где показывать кнопки» будет лучше оставить активными подпункты «В постах», «На страницах».

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

Вставляете свой «никнейм Twitter via» со своей страницы в Twitter в соответствующее поле. После этого нажимаете на кнопку «Сохранить изменения».

плагин social share buttons

Далее нажимаете на пункт «Share настройки». В окне «Share Buttons -> Share настройки» вы можете выбрать стиль для отображения кнопок социальных сетей. Сначала можно отсортировать в каком порядке будут расположены кнопки социальных сетей. Затем можно выбрать стиль, который будет отображаться.

В пункте «Включение/Отключение социальных кнопок», вы можете отключить ненужные вам кнопки. Я на своем сайте в плагине Share Buttons отключил сеть Google Buzz.

После этих настроек нажимаете на кнопку «Сохранить изменения». На изображении показаны настройки плагина, которые сделаны на моем сайте.

плагин social share buttons

После этого нажимаете на пункт «Like настройки». В окне «Share Buttons -> Like настройки» вы можете отсортировать расположение кнопок «Like (Нравиться)» или отключить их отображение на страницах сайта.

Для кнопок социальных сетей принадлежащих Mail.Ru — Мой мир и Одноклассники.ру, вы можете выбрать «Тип кнопки» и название для кнопок «Mail.ru» и «Одноклассники», которое будет отображаться рядом с этими кнопками.

плагин social share buttons

Для использования кнопок «Like» для социальных сетей Facebook и ВКонтакте нужно зарегистрировать API IDE, иначе эти кнопки не будут работать. Вам нужно будет получить API IDE в этих социальных сетях, а после получения вставить в соответствующее поле.

После завершения настроек нажимаете на кнопку «Сохранить изменения».

плагин social share buttons

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

Кнопка Гугл Плюс Один, входящая в состав плагина, у меня постоянно зависает, поэтому она возможно не работает. Эту кнопку можно отключить и вместо нее установить другую кнопку Google + 1.

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

плагин social share buttons

Установка кнопки Google + 1

Есть возможность установить кнопку Google + 1 в состав этого плагина, для того, чтобы кнопка Гугл Плюс была расположена выше кнопок социальных сетей, входящих в состав плагина Share Buttons.

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

Если такая кнопка у вас не установлена, то ничего удалять не нужно.

Идеальный выбор начинающих и небольших сайтов

Для установки кнопки Google+ войдите в «Амин-панель WordPress» => «Share Buttons» => «Главные настройки». В пункте «Текст перед социальными кнопками», в поле «Ваш текст:» нужно будет вставить код, показанный на изображении. Текст на русском языке у вас может быть свой. Теги h3 и h4 отвечают за высоту текста.

плагин social share buttons

После сделанных настроек нажимаете на кнопку «Сохранить изменения». Далее заходите на свой сайт и видите, что кнопка Google + 1 теперь расположена выше кнопок других социальных сетей.

плагин social share buttons

Теперь у вас на сайте есть кнопки всех основных русскоязычных социальных сетей, установленные с помощью плагина Social Share Buttons.

браузер

Понравилась статья — нажмите на кнопки:

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

Нажимая на кнопку, я даю согласие на обработку персональных данных и принимаю политику конфиденциальности

49 комментариев

  1. Я его как-то устанавливал, но потом отказался. Решив уменьшать их количество на блоге

  2. Но кнопочки-то все равно нужны, а этот плагин мне очень нравится.

    • Кнопки можно кодом поставить. Хотя бы даже стандартные яндексовские. Да и погуглить можно чтоб скриптик какой-нибудь найти. Я не заморачивался по этому поводу, поставил стандартные, с яндекса

  3. Прочитала статью и задаю вопрос, на который мне так никто и не дал ответа, хотя, пристаю ко всем подряд. У меня не работает кнопка Фейсбука соц. сетей (лайк — работает). Переустанавливала плагин, результат тот же. Что это может быть?
    Еще вопрос попутно: я так поняла, что если Гугл + установлен и через плагин и через код, то лучше удалить тот, что через плагин, так?

    • Не работает только кнопка Google +1. При нажатии начинается процесс и продолжается бесконечно. Поэтому можно установить отдельную кнопку в плагине или отдельно от плагина. Если отдельная кнопка установлена через код, то она будет отражена ниже кнопок плагина. Отдельная кнопка внедренная в плагин будет расположена выше кнопок плагина, как сейчас у меня на сайте. Неработающую кнопку Гугл Плюс в плагине можно отключить, она все равно не работает. Так я отключил кнопку Google Buzz.
      У меня кнопка Facebook работает и на этом и на тестовом сайте.

  4. Я раньше пользовался этим плагином, но потом его снес и поставил код от сервиса Share42 и AddThis — все просто и не нужно плагин ставить.

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

  5. Только жаль, что похоже автор его забросил.

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

      • Может быть тогда посоветовать доработать этот плагин другому программисту? Ведь хороший ведь. Жаль если пропадёт.

        • Просто так ведь это нельзя сделать. Есть права на интеллектуальную собственность.

  6. Спасибо. Наконец то я имею выход в соц. сети. Но, есть вопрос: не понял, что я должен зарегестрировать в ВКонтакте и FaceBook и как это сделать.

    • Простые кнопки Вконтакте и Фейсбук будут работать. Получить API ID в этих сетях нужно, чтобы работали кнопки Like, которые находятся ниже. В Like настройках плагина переходите по ссылке и там регистрируете свой сайт и получаете номер. Потом вводите номер в соответствующее поле в Like настройках плагина.

  7. Только что проверяла сайты на битые ссылки. Много битых ссылок дает этот плагин с кнопок гугла. Отключила эти кнопки в плагине (сняла галочки в настройках) битые ссылки на них исчезли. Так что при настройке сразу нужно исключить эти кнопки.

    • Не очень понял как плагин может давать битые ссылки. Он дает ссылку на саму статью и помещает ее на страницу в социальной сети. Сеть Google Buzz сейчас по моему вообще не работает.

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

  9. А не подскажете, как поучить facebook api id?

    • Анастасия переходишь по этой ссылке:

      http://www.facebook.com/developers

      Вводишь свои данные в Фейсбуке. В верхнем правом углу нажимаешь на кнопку Создать новое приложение. Дальше все будет на английском. Даешь любое имя этому приложению, английские буквы нижнего регистра. Далее Продолжить, в следующем окне заполняешь поля. В поле Site URL прописываешь адрес своего сайта, адрес пишем с http:// и «/» после адреса. Далее Сохранить, после этого вверху страницы рядом с названием приложения будет номер APP ID. Потом копируешь его в соответствующее поле настроек плагина.

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

    • В админ-панели ниже Параметров, находится Share Buttons и там нет ни Главных настроек, ни других настроек? Или пустая страница при заходе в главные настройки? Деактивируйте плагин, а потом его снова активируйте и посмотрите может настройки появятся.

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

    • Лариса, напишите подробнее, что именно вы сделали. Сейчас мне не очень понятно, что именно вы имеете ввиду.

      • Василий, большое Вам спасибо, что ответили — НИГДЕ не нашла информации. И что заглянули в мой блог). С Вашей посетительской нагрузкой — это очень приятно. Сегодня полночи провозилась и решила проблему. А сделала я следующее: в плагин Social Share Buttons загрузила логотип в главных настройках. Если это сделать, то, когда жмешь на кнопки «поделиться», в качестве картинки грузится только логотип, а не иллюстрации статьи. Что очень не удобно и не дает разнообразия — в соцсетях анонсы выглядят куцо. Причем логотип из настроек уже не удаляется — нет такой кнопки.
        Я просто через FTP зашла, нашла в папке плагина файл с лого и удалила, что решило мою проблему. Может, кому-то эта информация пригодится, потому что на разных сайтах люди ищут ответ и не находят. Еще раз спасибо за внимательность!

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

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

          • Юлия, а кнопки у вас стоят в один ряд. Нижний ряд — это Like кнопки, они и должны быть расположены ниже.
            Первые кнопки настраиваются в Share настройках, а нижние в Like настройках плагина.
            Если вы отключите в Like настройках нижние кнопки, то верхние кнопки будут в одном ряду.

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

        • Здравствуйте! У меня такая же проблема появилась, но, как новичок — в объяснении ничего не поняла. Хотелось бы поподробней: где FTP и как удалить логотип в плагине Share Buttons, который приклеился навсегда? Спасибо.

          • Марина, на вашем сайте все нормально отображается. Зачем вам что-то удалять?

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

    • А другие социальные сети работают? В настройках в поле Твиттер добавили свой ID?

  13. А скажите, где найти и как убрать # ?

  14. А сильно он нагружает сайт?

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

  15. Добрый вечер, Василий, вот попала на вашу статью про установку плагина Social share buttons, дело в том, что я его установила вот точно так как вы пишите. Все установилось, но в консоли в боковой панели не появляется новый пункт — «Share Buttons». Может этот плагин и WordPress не совместимы. Помогите пожалуйста, может какой-то другой вариант. Спасибо, с уважением, Тамара.

    • Тамара, плагин, конечно совместим с WordPress. Возможно, у вас он конфликтует с вашей темой.
      Можете установить кнопки от PLUSO. Они устанавливаются не плагином, а кодом. Они сейчас установлены на моем сайте, под статьей. Плагин Social Share Buttons — хороший плагин, он мне нравился. Этот плагин несколько замедляет загрузку сайта, поэтому я перешел на кнопки Pluso.

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

    • Кнопки социальных сетей, если и увеличивают посещаемость, то не на много, в лучшем случае на пару человек. Серьезно могут повлиять на посещаемость кнопки расположенные на сайтах ярких личностей, звезд, понятно почему.
      Логичнее будет расположить такие кнопки ниже записи. Посетитель прочитал статью, если она ему понравилась, то он нажал на кнопки. Некоторые ставят кнопки еще сверху, перед началом статьи. По моему мнению — это уже лишнее, какой-либо пользы они не приносят. Для чего еще не читавшему статью человеку, заранее нажимать на кнопки?

  17. Сервис сервису — рознь, убедился в этом уже много раз! Главное — это удобный конструктор иконок и быстрая загрузка, что отлично сделано у goodshare. Не в пример: страница с установленными кнопками Pluso — грузиться почти 2.1 с. в среднем, а это уже плохо для роботов Гугл!

    • Да, я согласен с вами, что стоит присмотреться к сервису goodshare. Правда, там есть и существенные для меня минусы — нет кнопок Я.ру, Ли.Ру, Почта, Evernote. Пока набор кнопок там очень ограничен.

      • Хах, дак это ж поправимо) Там вроде как есть служба поддержки — туда и написать, что мол добавьте кнопочек вот таких соц. сетей и буду пользоваться! По мне, так вообще не понимаю, нафига нужен например Evernote, это же почти тоже самое что любые Я.Закладки? И, кстати, Я.ру там просто называется закладками (ну по крайней мере — когда шаришь через эту кнопку — там предлагают так же и в Я.ру пост сделать).

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

  18. После установки плагина кнопки встали вертикально! Как изменить это? Подскажите пожалуйста!

    • В настройках плагина есть пункт «Позиция кнопок соц. сетей». Там настраивается расположение кнопок.

  19. Отлично, поставила кодом. Правда, было лень писать код. Хотела здесь скопирвовать, но обломалась.

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

    • Во вкладке плагины, нажмите под этим плагином на кнопку «Изменить». В комментарии удалите ненужные ссылки.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *