Социальный плагин WordPress Social Media Widget. Кнопки для приглашения друзей
02 Янв, 2012 
Комментариев 44
Приветствую Вас на blogibiznes.ru в Новом 2012 году! Пора включаться в работу и первый пост этого года будет посвящен плагину WordPress Social Media Widget для приглашения друзей в социальных сетях. С его помощью мы выведем с помощью виджета в сайдбар социальные кнопки популярных сервисов. Нажав на иконку любой из соц.сетей, читатель попадает в Ваш аккаунт, где легко может добавить Вас в друзья. А чем больше у Вас друзей, тем больше может быть трафик с Twitter, Facebook, Google+, YouTube, Вконтакте и т.д.
Подобной функцией обладает плагин социальных кнопок WP Social Buttons, который можно использовать, как для добавления поста в соц.сервисы, так и для приглашения стать Вашим другом. В данный момент, кстати, этот социальный плагин WordPress установлен у меня на блоге. В конце каждой статьи он выводит вот такой блок кнопок:
Зачем мне тогда Social Media Widget? Дело в том, что я давно уже хочу сменить плагин WP Social Buttons, на что-нибудь более симпатичное и функциональное. В нем, например, нет кнопки Google+, которая сейчас очень популярна из-за повышенного внимания к поведенческим факторам. Да и дизайн мне не особо нравится.
Пока еще не решил, что поставлю. Может плагин для WordPress Social Share Buttons или установлю панель с кнопками соц.закладкок от сервиса Share42.com, или блок «Поделиться» от Яндекса.
Но ни один из этих вариантов не имеет социальных кнопок для приглашения друзей. Я считаю, что у Ваших читателей должна быть такая возможность. Ведь если Ваш блог будет интересен для посетителей, то они, несомненно, захотят узнать Вас поближе и будут чаще возвращаться на Ваш блог.
Чтобы не выводить блок соц.кнопок для добавления в друзья в конце каждой статьи, я решил, что удобнее разместить его в сайдбаре и использовать для этого плагин, а не заморачиваться с кодами.
Сначала я хотел использовать аналогичный плагин Social Profile Widget, но совершенно случайно, когда уже хотел установить его, воспользовавшись поиском в админке WordPress, увидел Social Media Widget. Сравнив возможности обоих социальных плагинов, предпочтение отдал последнему.
Установка и настройка плагина Social Media Widget.
Устанавливаем плагин Social Media Widget из админки блога, воспользовавшись поиском по названию. Можно использовать для этого FTP-клиент, предварительно скачав плагин с официального сайта wordpress.org по этой ссылке: http://wordpress.org/extend/plugins/social-media-widget/. Активируем его и переходим в меню “Дизайн” – “Виджеты“. Находим там только что появившийся виджет Social Media Widget и перетаскиваем его вправо в сайдбар.
На рисунке ниже я показал, как настроить плагин. Там все вполне понятно, так что не буду повторяться. Скажу только, что текст, который Вы напишите в поле “Widget Text“, будет отображаться прямо над кнопками. Я это поле оставил пустым. А текст прописанный в поле “Icon Alt and Title Tag“, будет отображаться при наведении мышью на любую из иконок.
Радует, что настройки позволяют вставлять в ссылки тег nofollow и выравнивать кнопки по центру, по левому или правому краю. Этих функций, кстати, нет у плагина Social Profile Widget. Также есть возможность настроить разнообразные виды, размер, анимацию и прозрачность кнопок. Поэкспериментируйте.
После того, как общие настройки произведены, надо определиться, кнопки каких социальных сетей Вы хотите установить в виджет. Хочу сказать, что выбор тут очень велик. В том числе и кнопки RSS, Skype, E-mail и Google+.
Я установил себе иконки Facebook, Google+, Twitter, Youtube, Вконтакте и RSS. Для этого надо прописать URL Ваших аккаунтов в соц.сетях в соответствующие поля.
Почему я еще отдал предпочтение этому плагину, так это потому, что, помимо, Google+, здесь есть возможность установить еще шесть кнопок любых других социальных сервисов. Например, Вконтакте, Одноклассники, Мой мир и т.д. Для этого надо просто заполнить по три поля к каждой новой кнопке в меню “Custom Services“:
- В поле “Custom Service 1 Name” пишем название первой социалки, например, Вконтакте. Оно будет отображаться при наведении указателем мыши на кнопку.
- В “Custom Service 1 Icon URL” вводим URL изображения кнопки-иконки.
- В поле “Custom Service 1 Profile URL” вводим адрес Вашего профиля в этой сети.
Вот и все. Теперь Ваши посетители смогут с помощью одного щелчка мыши попасть на Вашу социальную страничку и добавить Вас в друзья.
Напоследок несколько советов. Чтобы не загружать изображения дополнительных иконок на свой сайт, можно просто скопировать URL картинки с любой подходящей кнопки уже установленной на Вашем сайте. Наверняка у Вас стоит какой-нибудь социальный плагин.
Чтобы изменить порядок размещения кнопок-иконок в виджете, надо открыть в редакторе файл плагина и поменять местами коды вывода кнопок, как показано на картинке ниже. Сделать это можно из админки блога, используя меню “Плагины” – “Редактор” и выбрав вверху справа в выпадающем списке нужный плагин. В нашем случае, это плагин Social Profile Widget.
Надеюсь теперь, с помощью этого социального плагина WordPress, у Вас резко увеличится количество друзей в популярных соц.сетях. Можете проверить работу Social Profile Widget на моем блоге blogibiznes.ru и добавить меня в друзья. Буду очень признателен! Не забываем и про другие кнопочки, которые сразу под статьей.
P.S. Кстати, сейчас я установил такие же кнопки социальных сетей без плагина.
А теперь, так как праздники в самом разгаре, предлагаю расслабиться и посмотреть это новогоднее видео:
Понравилась статья? Нажимай на кнопки:
Олег, с Новым Годом!
Плагинов действительно много, выбирай любой и ты очень хорошо описал установку, спасибо.
Но я всё-таки хочу заморочиться с кодами и с их помощью вывести кнопки в сайдбар. А то плагинов много получается на сайте.
Желаю удачи! Потом поделитесь своими успехами.
Спасибо. Конечно опишу
Большое спасибо Вам за такую качественную статью.
Всё получилось! И главное понятно для таких чайников, как я.
2 дня пыталась установить у себя в блоге кнопки. Где я только не читала информацию на эту тему – ничего не получалось. Во всех блогах пишут на языке, который понятен уже продвинутым чайникам.
И только Ваш пост реально мне помог. Огромное Вам спасибо!
Буду к Вам теперь почаще заглядывать.
Лена.
Олег, отличный и детальный урок по настройке социального плагина.Для формирования вокруг себя и своего блога круга заинтересованных людей, надо как воздух человеку установить и настроить этот инструмент.
Я готовлю к публикации интервью с Михаилом Зуевым, автора курса по социалкам. Вот так в нём он и говорит, что здесь нельзя переборщить, чем больше интеграция блога и социалок, тем лучше для всех.
Интересно будет послушать.
Очень полезный плагин, действительно без него не обойтись. Спасибо за хорошую статью.
Спасибо за полезную информацию.
C Новогодними праздниками!
Спасибо за перевод плагина, давно пора мне с кнопками соцсетей поработать…
По клипу )) Альтернатива X6 – новый RangeRover Evoque (смотрится шикарно и в 2 раза дешевле).
Олег, спасибо за качественную статью: все понятно и просто, иди и делай
С праздниками Вас!
И спасибо за клип, улыбнуло
Олег! Очень интересная, полезная и нужная Ваша статья!
Да и все статьи просто отличные!!!
Спасибо!!!
Важность социальных плагинов трудно переоценить! По сути дела, социальная сеть – это своего рода рассылка, и не пользоваться социальными сетями, значит упустить одну из возможностей раскрутить свой блог. Кнопки социальных сетей позволяют легко и быстро помещать сообщения о новых статьях в социальные сети. Так что статья нужная и важная. Олег, поздравляю с прошедшими праздниками!
Спасибо, Александр!
Как раз искала такой плагин. Теперь осталось только установить
Спасибо все поставила, только добавочная иконка Вконтакте не поддается осердечиванию и другим фишкам:)) и видео супер! Вас тоже с Новым годом!
П.С. Теперь частично разгрузила под статьями, так как добавить в друзья теперь в сайтбаре с Вашей легкой руки:)
Людмила, добавочные иконки изменяться не будут. Надо просто загрузить ту картинку, которая будет подходить к остальным кнопкам по дизайну. Если это сердечки, то надо сделать свою картинку с сердечком, загрузить на хостинг и прописать к ней путь в плагине.
Очень интересный плагин: и нам помогает и тему украшает!
Отличный плагин. Только вот в моей теме отображается корявенько((
Тогда используйте аналогичный или пропишите код вручную.
Классная инструкция по установке! Себе тоже такой виджет поставлю.
Спасибо! Все подробненько и понятненько! Статья-супер!
Надо попробовать, если не будет получаться, приду к вам за подсказкой. Спасибо за полезные советы!
Как Вы вовремя! Как раз хочу поменять свой плагин, практически определилась с новым!
Подскажите, а есть какое-то отличие между этими плагинами для индексации Яндексом?
Спасибо заранее за ответ!
В плагине Social Media Widget все ссылки можно закрыть от индексации в настройках, во втором плагине этого нет.
Большое спасибо за статью!
Почти все получилось. Правда, я не понимаю, что нужно вставлять в E-mail URL
Там надо вставлять адрес своей эл.почты в виде гиперссылки, например: mailto:[email protected]
Большое спасибо! Все получилось!
Спасибо, многие советы прямо впору. Самой интересное, что я и робота поставила, и проверку сделала, с вашими подсказками.
Но вот с плагином соц.кнопок WP Social Buttons не получилось. Может поможете, в чём моя ошибка? Кнопок не видно. И нет совсем майл агента.
И ещё, может вы в курсе. Как изменить фото в галлерее? Как попасть в папку и, если можно, поподробнее.
Как вставляем рисунок в шапке? Тоже не знаю. Я только учюсь. Большое спасибо.
Не совсем понял вопрос. Плагин WP Social Buttons выводит кнопки под постами. Вы это имеете ввиду или плагин для вывода кнопок в сайдбар?
Чтобы вставить рисунок в шапку, надо скачать этот файл на компьютер, отредактировать не изменяя размера и названия и залить обратно на хостинг, заменив ним старый файл. В некоторых темах это можно сделать в настройках, просто выбрав нужную картинку на компьютере.
Со временем научитесь.
А пока я бы Вам посоветовал настроить нормальный вид ЧПУ и установить плагин Cyr-To-Lat по этому уроку https://blogibiznes.ru/nastroyka-postoyannyih-ssyilok-chpu-wordpress-plagin-cyr-to-lat.html
А то адреса с датами и русскими буквами не очень хорошо выглядят. И с индексацией у Вас проблемы. У Вас что такой же сайт на поддомене в Спринтхосте? Главная страница в индексе по двум адресам.
Установите плагин All in One Seo Pack и пропишите мета-теги для главной https://blogibiznes.ru/nastroyka-plagina-all-in-one-seo-pack.html
Почистите тему от вшитых внешних ссылок. А кнопки и шапку оставьте на потом.
Если нужна будет помощь, пишите через форму обратной связи на странице “Контакты”.
Олег, спасибо за совет установить социальные кнопки.
Я поискала по инету информацию и решила воспользоваться услугой Яндекса, установила с их помощью кнопки за пол минуты. Всем советую.
Да удобно и плагин не нужен.
Олег, подскажите пожалуйста, как, используя плагин, внести изменения в редактор, чтобы кнопки располагались по вертикали (одна под другой)?
Помню, что если увеличить размер иконок, то из-за нехватки места, они располагаются друг под другом. Наверное можно это сделать покопавшись в файлах плагина, но я этого не пробовал. Сейчас плагин уже не использую, так как вывел такие же кнопки с помощью кода. Тут уже проще будет поменять расположение кнопок.
Олег, а у меня не получилось загрузить этот плагин на сайт :(. Пишет: Размер загруженного файла превышает значение upload_max_filesize, установленное в файле php.ini. Что это значит?
Заранее спасибо!
Это ограничение на размер загрузки файлов на Спринтхост. Точно знаю, что можно это исправить и прописать значение выше. В Стартапе был урок, но уже не помню, где его видел. Надо погуглить.
Хотя я бы рекомендовал установить такие же кнопки без плагина. В P.S. к этой статье есть ссылка на урок.
Пробовал ставить такой плагин, что-то не сильно понравился он мне и все же, спасибо за материал, увидел у вас кнопки в конце статьи и сделал такие же без плагина.
У меня они тоже без плагина. По возможности, лучше без плагинов обходиться.
Привет! Установил плагин WP Social Buttons. Раньше им никогда не пользовался. Но он почему-то «криво» работает. Кнопки приглашения хорошо работают, а вот при нажатии Кнопок для добавления поста в социальные сервисы просто появляется страница Page Not Found. Не знаете почему? Может плохо «контачит» с каким-то другим плагином?
А вы все настройки заполнили? Там вроде надо свои логины в соц.сетях вводить. Когда-то давно у меня стоял этот плагин, проблем не было.
У Вас перед правильным адресом добавляется почему-то URL блога. Проверьте в настройках, может это можно исправить.
В том-то и дело, что там нет особо настроек. Только “галки” можно поставить какие сети выбрать. Логины в соцсетях я ввел, но они как раз нужны для кнопок Приглашения. Эти кнопки работают. А вот кнопки добавления поста не хотят
Тогда вряд ли чем то смогу помочь, у меня такого не было. Остается искать что-то другое.
Подскажите, а есть в этом плагине возможность отслеживать количество переходов по иконкам, как в кнопке Яндекса “Поделиться”. Заранее спасибо.
Такой возможности нет. Да и зачем, это же не кнопки “Поделиться”, а добавление в друзья. А сколько друзей добавилось Вы и так увидите, когда будете подтверждать.
Спасибо за обьяснение, пойду пробовать, надеюсь это лучше чем сервисы будет