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

Кнопки социальных сетей_Knopki sotsialnykh setyeiЗдравствуйте, дорогие друзья блога blogibiznes.ru! В прошлой статье я говорил, что хочу сменить социальный плагин WP Social Buttons. Признаться его внешний вид мне никогда особо не нравился. Единственное, почему я его не удалял, так это потому, что он выводит как кнопки социальных сетей для отправки анонсов статей, так и кнопки для добавления в друзья. Сейчас для приглашения в друзья я использую плагин Social Media Widget, который выводит иконки с помощью виджета в сайдбаре. Значит с чистой совестью можно снести WP Social Buttons и установить что-нибудь более функциональное и симпатичное.

Кстати, если Вы до сих пор не знаете, что такое плагины WordPress и где их скачать, то тут можно об этом узнать.

Сначала я хотел воспользоваться сервисом share42.com. Большой выбор соц.закладок и несколько дополнительных кнопочек (Избранное браузера, RSS, E-mail, Наверх, Распечатать и RSS). Возможность установки горизонтальной и вертикальной “плавающей” панелей иконок. Все кнопки социальных сетей для сайта доступны в трех размерах (16*16, 24*24, 32*32). Еще плюс этого способа в том, что здесь не надо использовать плагин социальных кнопок, а все выводится при помощи скрипта. На сайте есть подробная инструкция по установке. Любой разберется.

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

Кстати, потом нашел вообще подробнейшую инструкцию по установке таких кнопок социальных сетей для сайта по этой ссылке. Там Валерий Воронин, автор блога aimblog.ru, целый мануал написал по Share42, а заодно и про кнопки Pluso и Яндекса упомянул.

Вот и я, потерпев неудачу, посмотрел в сторону Яндекса и его блока “Поделиться“. Не плохой вариант и смотрится аккуратненько. Тоже устанавливается с помощью скрипта и никаких проблем с этим не возникает. Кнопок не много, но есть почти все основные, кроме, ясное дело, основного конкурента Гугла. Причем нет ни Google+, ни Гугл-закладок. Кстати Яндекс-закладок тоже нет, только Я.ру. По этим причинам я продолжил поиски оптимального для себя варианта кнопок социальных сервисов для сайта WordPress.

Социальные кнопки от Яндекса_Yandeks knopki

Следующий клиент – это плагин социальных кнопок для WordPress Social Share Buttons. Большой выбор всевозможных настроек и иконок. Есть даже Google+ и Я.ру, а также отдельные кнопочки Like со счетчиками для Вконтакте, Facebook и Mail.ru. Выглядит красиво, но если установить весь арсенал, то немного наляписто. Минус – это установка лишнего плагина и отсутствие возможности мгновенно отправить ссылку на статью в закладки Яндекса и Гугла.

Социальный плагин для WordPress Social Share Buttons

Для меня это важно, так как, чего скрывать, посетители редко нажимают на все эти кнопки соц.сетей и они мне нужны скорее для моего личного удобства. Написал статью и отправил в популярные социалки и закладки Google и Яндекса. Это помогает максимально ускорить индексацию новых статей. Так что о красоте я думаю не в последнюю очередь, но и не в первую. Важнее полный набор нужных именно мне соц.иконок. Ну а посетители, в основном, делают ретвиты и жмут на кнопку +1. А у Вас как?

В общем, как в сказке про колобка, я от share42.com ушел и от Яндекса ушел и от Social Share Buttons тоже ушел. Вот только куда идти? Подумал немного и вспомнил про хороший сервис odnaknopka.ru. Когда-то у меня стоял этот плагин для WordPress, но потом, одно время, были на сервисе неполадки и я его удалил. Еще что мне не нравилось, так это то, что он выводил блок социальных закладок не только в постах, но и на главную. Из-за специфики моего шаблона, на главной странице в каждом анонсе вместо этих кнопочек, выводился их HTML-код. Было как-то не эстетично, ну и опять же лишний плагин. И все же я пока остановился на этом варианте, причем попутно решил и эти обе проблемы.

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

Как установить социальные кнопки на блог WordPress с помощью сервиса “Одна кнопка” (odnaknopka.ru) без плагина

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

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

  • 1) Выбираем вид блока из трех вариантов.
  • 2) Выбираем, где будут установлены соц.кнопки – на сайте или в блоге. Я выбрал “В блоге“, после чего из двух вариантов “Blogger” и “WordPress“, выбрал последний.
  • 3) Здесь дается подробное описание, как вставить кнопки соц.сетей в блог с помощью виджета (дается код скрипта) и с помощью плагина WordPress, автоматически вставляющего “Одну кнопку” после каждого поста.

Сервис социальных закладок "Одна кнопка"_Odnaknopka

Как вставить блок “Одна кнопка” с помощью виджета, понятно из описания. Иконка появится в сайдбаре.

Чтобы поместить такой блок в статье, используем скачанный на сайте odnaknopka.ru плагин. Устанавливаем, активируем и любуемся результатом. Социальные иконки появились после каждой статьи и после каждого анонса на главной. Никаких настроек делать не надо. Красиво? На любителя.

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

  • Удаляем плагин, если Вы его уже установили.
  • Копируем код социального скрипта для блога на WordPress с сайта odnaknopka.ru.
  • Открываем для редактирования файл single.php, установленной у Вас темы Вордпресс и вставляем в нужное место скопированный код. Готово!

Теперь последний пункт подробнее. Для редактирования файла single.php используем FTP-клиент или админпанель блога. Проще это сделать из админки.

Открываем вкладку “Дизайн” – “Редактор” и в правом столбце выбираем пункт “Одиночная запись (single.php)“. Этот файл станет доступен для редактирования в окне редактора. Обязательно сохраняем копию файла перед редактированием. Это надо делать всегда, если Вы что-то меняете на блоге.

Находим в коде такую строчку <?php the_content(); ?> и вставляем после нее наш социальный скрипт. Если вставить код до этой строчки, то блок соц.кнопок появится в начале статьи. Бывает, что в single.php нет точно такой записи <?php the_content(); ?>, тогда ищем что-то похожее на the_content. Не бойтесь, экспериментируйте, вставляйте код в разные места и смотрите, как это смотрится на блоге. В случае чего, у Вас всегда есть оригинальная копия редактируемого файла.

Чтобы читатель нажал на эти социальные кнопки, ему надо об этом напомнить. Пишем перед кодом скрипта “приглашение”, которое можно выделить с помощью тегов <strong> или <b>. При необходимости можно отцентровать его при помощи тега <center>. Я использовал тег <b>, так как считаю, что не стоит делать сильный акцент на этой записи, а внешний вид будет тот же, что и при использовании тега <strong>. Чтобы текст и кнопки не были в одну линию, делаем перенос с помощью тега <br>.

Установка социального скрипта "Одна кнопка"_Skript odnaknopka

После всех изменений нажимаем внизу кнопку “Обновить файл” и смотрим результат на блоге.

"Одна кнопка" на блоге _Sotsianalnye knopki odnaknopka

На главной не выводится, уже хорошо. А вот после статьи – могут быть варианты. У меня, например, установлен плагин для внутренней перелинковки Yet Another Related Posts Plugin (YARPP), который выводит связанные записи в конце каждого поста. И моя “Одна кнопка” стала после блока похожих записей, а надо бы до. Как я это исправил расскажу в следующий раз. А, возможно, Вам и не придется ничего исправлять. Ведь у каждого свой случай, а они, как известно, бывают разные.

А какие кнопки социальных сетей и сервисов для сайта на WordPress Вы считаете самыми лучшими и красивыми? Поделитесь своим мнением в комментариях и до встречи на blogibiznes.ru.

P.S. Недавно Александр Борисов выпустил новый видеокурс “Блоггер-Наставник”, так там он вообще советует с этими кнопками и всеми техническими вещами на блоге не заморачиваться.


Понравилась статья? Нажимай на кнопки:


Ответов 82 на “Кнопки социальных сетей и сервисов для сайта на WordPress”

  1. А мне кажется, что плагин намного эффективнее работает после статьи, а не в сайд-баре.
    Кнопку ОК себе установил, спасибо.
    Желаю Вам успехов в Новом Году!

  2. Эту кнопку я установила, но заметила, что в Одноклассники она статью в ленту новостей не бросает. Даже сам процесс как-то плохо происходит, не так гладко, как в кнопках Плагина Social Buttons. А в Яндекс.Закладки – вообще выдает ошибку.

    • Про Одноклассники ничего не скажу, я там не зарегистрирован.
      Про Яндекс правда, все жду, когда они это исправят. Надо просто после перехода по кнопке удалить в адресной строке то, что после zakladki.yandex.ru и тогда попадаем на Яндекс-закладки.
      К сожалению, идеального ничего нет.

  3. Кнопки соц.сетей полезная вещь на WordPress! Без них не обойтись! Спасибо!

  4. Я пока пользуюсь по старинке WP Social Buttons. Но задумываюсь поменять на что-то более интересное. Ваша статья кстати, буду пробовать.

  5. Кнопки уже стоят, спасибо!

  6. Плагин кнопочек дело хорошее, однако я решил вручную прописать все нужные кнопки для блога – все таки больше свободы для творчества.
    P.S. Видео про конкурс классное! А призовой фонд вообще заоблачный для таких конкурсов :)

    • Конечно если есть возможность, то можно и вручную.
      P.S. Приглашаю всех поучаствовать.

  7. Олег, а мне у вас понравилось обращение внизу статьи: “Хотите новые статьи прямо себе на почту?…” красиво и аккуратно сделано, главное, наверно, очень эффективно работает.
    Может, напишите об этом :)

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

  8. У меня и плагин хорошо работает. А Вы, Олег, молодец! Нашли неплохой выход для себя.

  9. У меня стоит плагин для WP – одна кнопка. Только мне тоже кажется, что им пользуется только автор блога :-)

  10. Давно пользуюсь этим плагином. Только он время от времени пропадает и отчего-то не удается добавить статью в Яндекс закладки.

    • Да, было дело пропадал. Сейчас вроде нормально. С закладками проблема, но просто надо обрезать адрес в адресной строке.

  11. Александр Ризун Ответить 16 Янв, 2012 в 10:06

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

  12. Дмитрий Исаенко Ответить 16 Янв, 2012 в 14:30

    У меня самого с плагинами были проблемы, но все закончилось благополучно…

  13. Установил плагин успешно. Всё работает отлично.

  14. Отличные разъяснения. Сам тоже использую закладки и кнопки соцсетей.

  15. Эти кнопки супер полезная вещь на WordPress’е!

  16. Спасибо за такое подробное описание! Сам пользуюсь “Одна кнопка”.

  17. ПРИВЕТСТВУЮ!! Думаю подружимся))
    Твит поставил и плюс 1 тоже.
    С уважением SKV.

  18. Не знала еще о таком сервисе. Надо и себе на блоге поставить, а лишний плагин удалить. Спасибо!

  19. Александр Коломиец Ответить 18 Янв, 2012 в 19:57

    Спасибо, сейчас попробую на свой блог поставить кнопки…

  20. У меня стоит Social Share Buttons,мне он нравится и менять пока не собираюсь,больше озадачен сменой темы.

  21. Я поставил блок кнопок от Яндекса, надеясь, что свой код он лучше понимает и учитывает.
    Код вставил в (single.php), но помучился, в моей теме от Artisteer, всё не как у людей.
    Чисто интуитивно разорвал находившуюся там функцию и вставил, т.е. закрыл, вставил код и опять открыл.

    • Получилось неплохо. Хорошо, если есть опыт в работе с кодом. Может еще тоже к Яндексу вернусь.

  22. Доброго времени суток, Олег. Хорошая статья.

    По поводу share42. com – кнопка +1 там уже есть. и яндекс есть, только RSS почему-то не работает, но это там и не надо. Я себе поставил вертикальный вариант – очень удобно. Если хочешь, могу рассказать как это делается.
    И ещё – всё-таки какой код ты вставляешь для RSS-подписки после статьи?

    • Егор, я share42 пытался поставить, они у меня не хотели отображаться. Сейчас вообще думаю от Яндекса кнопки поставить, может оценит :-) .
      Для RSS подписки вставляю код с feedburner.

  23. Хорошо, сейчас попробую…

  24. Сервис odnaknopka.ru распространяет вирус, который загружается в телефоны на базе Android. Читать новость полностью – http: //kharkovboard.com/n24-knopki_socialnyh_zakladok_rasprostranyayut_virusy.html

  25. А как прописать кнопки в сайдбаре из серии “следите за мной”, как здесь на блоге? Что-то у меня только и лезет в голову – через простой текстовый виджет, да вставлять хтмл-код для таблицы…

    • Как установить кнопки в сайдбар я написал в предыдущей статье. Это плагин WordPress Social Media Widget.

  26. А меня это Гугл на эту страницу привел. И то ли спросони мимо меня прошло, то ли еще что… а в похожих постах – ну не очевидно это про сайдбар. Кстати, остальные 10 страниц из Гугла про сайдбар тоже не упоминали…

    Кстати, оповещения на мейл не приходят…

  27. Олег, простите, наверное, немного не в тему. Я пытаюсь сделать RSS-подписку через feedburner.google.com, но у меня ничего не получается, после того, как я указываю адрес своего блога, система предупреждает об ошибке: URL не отображаются на опорное валидный XML-файла. Мы столкнулись со следующей проблемой: Ошибка на линии 359: элемент типа “div”, должна быть прекращена по соответствующим конечным тегом “/div”.
    Что это значит?
    Я так понимаю, что без feedburner, никакие подписки на обновления сделать нельзя?

  28. Олег, я понимаю, что надо, только как?
    1.В начале регистрации меня просят: “Введи адрес своего блога или фида”
    2.Я ввожу адрес своего блога, нажимаю Next
    3.Получаю ответ: “Мы не смогли обнаружить действующего фида по данному адресу”
    И все, регистрация заканчивается не начавшись.

  29. Получилось!!!!!!!!!!!!!!!!

  30. Олег, а Вы не планируете сделать статью об установке подписки RSS на блоге?

    • Когда-нибудь сделаю, но когда сам не знаю. Много других тем, а писать часто не получается.

  31. Тогда, я к Вам опять за помощью.
    Я установила подписку на RSS через почту, а через feedburner не получается, то есть нет иконки RSS.
    Попыталась поставить ее через виджеты, получается некрасиво: указывается название фида и названия статей. Замучилась уже.

    Еще, не могу разобраться, как увеличить шрифт надписей с предложением подписки через почту. Думаю, что надо влезть в style.css, а что дальше не знаю. Если это не долго и не сложно, объясните, пожалуйста.

    • Это тема отдельной статьи. Напишу Вам на почту, может что-нибудь придумаем.

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

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

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

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

  35. Устанавливала кнопки, читая материал. Все сразу получилось. Как хорошо вы описываете. Спасибо. Вы написали, что кнопки сначала были после Похожих статей, и вы это исправили. У меня та же ситуация. Где прочитать как это исправить? И есть ли у вас такой же урок по установке хлебных крошек?

    • Надо на странице “Опции YARPP” отключить “Автоматически показывать связанные посты?” и “Показывать с шаблоном пользователя”.
      Теперь открываем single.php и вписываем код

      < div >< ?php related_posts(); ?>< /div >

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

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

  36. Еще раз спасибо. Все получилось. Теперь похожие статьи после кнопок. Успехов. Ждем новых полезных статей.

  37. А сейчас у вас как выводятся кнопки под статьёй? Однакнопка до сих пор вирус распространяет?

    • По-моему вируса уже нет. Свои кнопки я поставил вручную, плюс скрипт “Поделиться” от Яндекса.

  38. У вас не работает уведомление по почте об ответах в комментариях.

  39. У меня сначала тоже не работало, а сейчас работает… Может, отфильтровывается что, или в спам сразу скидывается?

  40. Вот только сейчас пришло.

  41. У меня установлен Social Share Buttons, но не работает кнопка Фейсбука – не могу, например, новую статью анононсировать, потому, что в настройках есть запись:

    Пожалуйста, зарегистрируйте свой API ID для использования кнопки от Facebook и живого примера, иначе кнопка работать не будет.

    А ниже: Facebook API ID: Вы можете зарегистрировать ваш “api_id”, если перейдете по этой ссылке.

    Казалось бы все просто, но перехожу по ссылке, а дальше сплошные непонятки, какое-то приложение надо создать???? НИЧЕГО НЕ ПОНИМАЮ!

    Я – блоггер начинающий, поэтому только довожу работу над сайтом до ума. Эта кнопка вроде и не нужна, но уж если есть, то почему бы ей не заработать? К кому не обращалась, все отмахиваются, типа, не знаем. Может вы мне сможете помочь?

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

  42. Олег, в ваших статьях много ценных советов, особенного для начинающих блоггеров, как я (т.е. для чайников). Я за помощью… Сделала сайт, стала устанавливать кнопки – share42.com, вообще не отображаются. Устанавливала и “одну кнопку”, и от Яндекса, везде одна и та же проблема – две кнопки “мой мир” и “фейсбук” как-то странно работают.
    1. При нажатии на кнопку “Фейсбука” выходит вместо адреса моего блока адрес Гугла:
    Google
    google.ru
    Поиск информации в интернете: веб страницы, картинки, видео и многое другое.
    1 из 1.Выберите уменьшенное изображение
    Без иллюстрации — это Вы рекламку делаете?

    2. При нажатии на кнопку “Мой мир” выходит объявление названием статьи:
    На вашем телефон установлен устаревшей Flash Player, который вероятно работает не корректно и содержит критические ошибки. Нажмите на кнопку «Обновить», для установки новой версии. Процесс займет не более 1-2 минуты.
    Сначала подумала, что надо обновить Flash Player, но браузер отвечает, что установлена последняя версия и он сам автоматически обновляет, когда это необходимо. Вордпресс у меня тоже последней версии. Подскажите, пожалуйста, в чем может быть причина. Уже несколько дней весь инет облазила, чтобы найти ответ, но ничего не нашла …

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

  43. А какой из способов самый лучший и почему?

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

  44. Давно хотел установить, не знал как. Спасибо.

  45. Рашида Гарифулина Ответить 20 Март, 2013 в 18:00

    Спасибо за подробную инструкцию и разнообразие вариантов, мне как-то больше понравились кнопки от сервиса Pluso.

  46. Александр Рыжих Ответить 16 Авг, 2013 в 16:45

    Огромное спасибо автору статьи. Разные статьи читал. Но это лучшая. Да и рейтинг в ТОП 10 сам о себе говорит. Всё подробно и толково написано. Сам я блогер начинающий. Но это только начало большого пути. Раскручиваю Блог _http://raasakh.ru, который раскрывает Все Секреты об Осознанных сновидениях, внетелесных путешествиях, астрале, фазовом состоянии. Каждому это интересно я уверен. Нам всем нравится Фентези, Магия, Чудеса. Это может каждый человек я в этом уверен. Но не каждый может в этом признаться. Буду рад видеть всех на моём сайте, и расскажу как этого добиться. С уважением, Александр Рыжих.

  47. Спасибо огромное, все понятно и кратко описано.

  48. Здравствуйте, не подскажете почему у меня при нажатии на лайк ВК или ФБ постится в социальные сети пустая ссылка _http://naogorode.ru/lixnis-koronchatyj.html

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

  50. Спасибо, все получилось. Не понимаю, в чём разница «Социальных закладок» от «Социальных кнопок»? Или просто каждый по разному их называет?

    • Кроме кнопок основных соц. сетей некоторые сервисы дают возможность сохранять ссылки в социальные закладки, типа, bobrdobr, memori и т.д. Обычно достаточно только самых популярных социалок: Вконтакте, Фейсбук, Твиттер, Google+, Одноклассники.

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