Лучшие кнопки социальных сетей — Easy Social Share Buttons
Easy Social Share Buttons for WordPress – потрясающий плагин социальных сетей с великим множеством возможностей. При знакомстве с этим плагином возникает такое чувство, что его разработчики продумали абсолютно все, что только можно было придумать про кнопки социальных сетей для сайта. Кому то функционал этого плагина может показаться даже слишком избыточным, но если вы хотите получить ультимативное решение для вашего сайта, то стоит задуматься об установке именно Easy Social Share Buttons.
Собственно, на WPNICE этот плагин стоит уже довольно давно и не смотря на то, что я использую далеко не все его возможности, менять пока совершенно не собираюсь. В плагине есть все для его удобной и полной локализации, однако полный перевод займет много времени и сил. В этом описании я буду опираться на оригинальную версию. Возможно, со временем, возьмусь за полный перевод.
Из явных плюсов Easy Social Share Buttons for WordPress:
- Простейшая локализация плагина, позволяющая использовать его на любом языке
- Наличие таких родных социальных сетей, как «Вконтакте» и «Одноклассники», плюс возможность добавить любые национальные социальные сети
- Возможность полной кастомизации социальных кнопок и всплывающих подсказок к ним
- Интеграция с bbPress, BuddyPress, WP e-Commerce и JigoShop
- Статистика кликов
- Толковый мануал в .pdf формате.
Знакомство с плагином
Плагин этих замечательных кнопок социальных сетей устанавливается и настраивается стандартно, после чего в консоли появляется новый пункт меню — Easy Social Share Buttons. Давайте откроем страницу настроек плагина и посмотрим, что у нас есть. На главной странице настроек плагина мы видим семь табов для настройки:
Main Settings (Главные настройки). Это одна из главных вкладок, с которыми мы будем сейчас работать, так как она содержит практически все, что нужно для базовой настройки интеграции с соц. сетями. Здесь можно настроить шаблоны кнопочек, выбрать социальные сети, с которыми вы хотите работать, или даже внести собственные данные для Facebook и Twitter и т. п. и т. д.
Display Settings (Настройки отображения). Здесь можно настроить отображение всего, что предлагает данный плагин для социализации вашего сайта. Еще один важный таб, который пригодится для настройки.
Style Settings. Настройки стилей.
Shortcode Generator. Очень простой и понятный генератор шорткодов.
Click statistics. Позволяет увидеть насколько активно пользователи кликают по социальным кнопкам (статистика представляется как в виде разнообразных диаграмм, так и в виде обычного журнала).
Import/Export Settings. Настройки импорта и экспорта.
Automatic Updates. Настройка автоматических обновлений.
Настройка плагина (Для продвинутых пользователей)
Шаг 1. А теперь давайте перейдем к настройке плагина. Для начала разберемся с местной локализацией. Для этого кликнем Display Settings Localization Settings. Ищем поле Language code for native social networks и вбиваем туда нужный код, в нашем случае, конечно же, «ru». Еще здесь можно написать всплывающие подсказки для каждой соц. сети на родном языке.
Шаг 2.
- Main Settings. Template. Выбираем шаблон социальных кнопок.
- Main Settings. Social Share Buttons. Выбираем кнопки, тех социальных сетей, которые хотим видеть на сайте.
- Main Settings. Social Share Analytics. Управление статистикой: галочка в первом чекбоксе позволит увидеть вам статистику кликов плагина. Вторая же галочка активирует статистику Google Analytics.
- Main Settings. Social Fans Counter. Здесь нужно ввести ID и прочие данные для отображения количества ваших последователей в соц. сетях. Например, если у вас есть группа в «Вконтакте», то копируем url-адрес вашей группы, к примеру, https://vk.com/название вашей группы, и вставляем в поле Community ID/Name (раздел VK.com) то, что выделено жирным.
- Main Settings. Social Like, Follow and Subscribe Buttons. Внедрение кнопок «Поделиться» и «Мне нравится». Здесь вклеиваются и настраиваются кнопки типа «Мне нравится». Здесь я объясню только, как вклеить такую кнопку для вашей группы в «Вконтакте». Для этого ищем VKontankte (vk.com) Like, ставим галочку напротив VKontakte (vk.com) Like Button, потом переходим по ссылке, данной в описании, находящемся под боксом VKontakte (vk.com) Application ID, где в коде, предложенном для вставки на сайт, ищем место, которое начинается с apiId: и копируем код, идущий далее. Осталось только вставить его в нужное поле и сохранить настройки.
- Main Settings. Customize E-mail Message. Настройка формы, которую видит пользователь, отправляя вашу новость по E-mail.
- Display Settings. Первый шаг, связанный с этим табом, опционален: если вам нужно интегрировать плагин с пользовательскими типами записей, bbPress-форумом, BuddyPress, магазином на основе WP e-Commerce/JigoShop, то здесь вы можете это сделать, просто расставив галочки в соответствующих чекбоксах.
- Display Settings.Button Position. Здесь можно изменить расположение бокса с кнопочками относительно контента, включить плавающую панель с кнопками или настроить их расположение в сайдбаре.
- Display Settings. Network Names. Управление названиями социальных сетей и их отображением.
- Display Settings. Counters. Настройка счетчиков
- Display Settings. Mobile Display Options. Настройка социальных опций для мобильных устройств.
- Display Settings. Sidebar Settings. Настройка отображения кнопок в сайдбаре.
Настройка плагина с помощью мастера настройки (Для чайников)
На главной странице настроек плагина кликните большую голубую кнопку, находящуюся под надписью Get Started. Пройдитесь по всем предложенным шагам. Ниже объяснены некоторые пункты, которые могут вызвать затруднения:
- Additional Social Share Buttons Settings. Тут в основном настройки для Twitter:
- Twitter username to be mentioned: Ваше имя в Twitter
- Twitter hashtags to be added: Хэштеги, если они нужны
- Twitter share short url: Короткие ссылки для Twitter
- Display buttons on. Выбираем места для отображения кнопочек
- Social Network Names. Названия социальных сетей: их можно изменить или вообще скрыть
- Social Share Counters. Показ счетчиков лайков.
Виджеты
Social Fans Counter
Виджет для отображения количества ваших последователей в социальных сетях. Для настройки этого виджета нужно кликнуть Main Settings Social Fans Counter и вбить информацию, необходимую для связи с нужными вам соц. сетями. Все очень просто: вбиваем ID и получаем стильные счетчики. Настройка внешнего вида виджета:
Title – заголовок виджета (поддерживается кириллица)
Style – стиль отображения счетчиков
Columns — количество колонок (самих счетчиков) в виджете
Forced Items Width – определенная ширина виджета (задается принудительно)
Show the Social Box only – если поставить галочку в этом боксе, то отображаться будет виджет без заголовка.
Easy Social Share Buttons
Виджет для отображения набора социальных кнопок в сайдбаре.
Top Social Posts
Виджет для отображения самых популярных в социальных сетях записей
Итого
Несомненно, это лучший плагин для использования кнопок и вообще, социальных сетей на сайте, с которыми мне приходилось работать. Плагин давно «сидит» в топе самых продаваемых на codecanyon.net и имеет массу восторженных отзывов от благодарных пользователей. И как видите, вполне понятно, почему. Он – очень функциональный, стоит вполне разумных денег. Как ни странно может показаться с описанием столь многочисленных настроек — простой в использовании «по умолчанию». А для тех кто захочет раскрутить поддержку социальных сетей у себя на сайте на «полную катушку» — подробный мануал автора и эта статья в помощь.
Особо стоит отметить возможность обновлять уже установленный плагин прямо из админки, не скачивая обновление и не вводя код покупки. Редкая возможность для премиум продуктов.
Настоятельно рекомендую ознакомится с демо версией всех возможностей плагина, дабы сразу получить представление. Официальная страница плагина.
Еще про социальные сети можете почитать тут:
Facebook Likebox Slider — слайдер социальных сетей и сервисов
WP Symposium — форум и социальная сеть для WordPress
Boom Social — активизируем социальные сети и подписчиков
BuddyPress — социальная сеть на вашем сайте
Ну и конечно же, если вам понравилась статья и сам плагин — не забудьте кликнуть по кнопочкам ниже 🙂
Одни из лучших кнопок, которые я видел. Ставил себе, но потом всё же решил отдать предпочтение другому сервису.
Какому если не секрет?
Хм… Судя по всему, в этом плагине нету Mail.ru. А будет ли оно когда-нибудь? Вот очень надо, чтобы Mail было 🙁 Или в плагине есть настройки, чтобы можно было бы добавить? 😛
Мыла нет. Напишите автору, может и добавит.
Прочитав вашу статью, установила себе этот плагин. Плиз, объясните мне на пальцах, как установить кнопки соц.сетей отдельно от кнопок Поделиться в соц.сетях. Я уже голову себе сломала. Мне бы хотелось, чтобы были отдельные кнопки, при нажатии, на которые пользователи переходят на мою страницу в соц.сетях. Или этот плагин не поддерживает такую функцию? Вариант «поделиться в соц.сетях» я успешно установила после каждой статьи. Заранее большое спасибо!
В настройках плагина, в закладке — Social Like, Follow and Subscribe Buttons. Каждую сеть нужно включить отдельно, например — Include Facebook Like/Follow Button. Возможно потребуется прописать там ID и адрес страницы в зависимости от нужного сервиса или еще что-то. И кстати, начанать всегда стоит с изучения руководства. Оно у плагина есть и весьма подробное.
Спасибо за быстрый ответ. Руководство изучаю. Но не все понимаю. Так что спасибо за ответ.
Подскажите, а кнопка Одноклассники в комплекте с плагином идёт или вы сами добавляли?
В комплекте
Дмитрий, здравствуйте. Заметили ли Вы, что при репосте статьи в Вконтакте с первого раза, в вк не отображается картинка к статье, когда репостишь второй раз эту же статью, она появляется. Через мобилный телефон, через различные браузеры в нем, при репосте появляется только ссылка к статье (без картинки и без описании статьи) И все это происходит у всех на сайте, у кого установлен этот плагин, в том числе у меня и у Вас. Через остальные соцсети все расшаривается без глюков. Предлагаю провести совместный мозговой штурм по этому вопросу. Так или иначе этот плагин больше всего обсуждают на Вашем блоге. Спасибо.
Да вроде все норм вконтакт постится сразу — https://vk.com/wpnice. Я по 2 раза не еще постил одну статью. На счет мобильных не знаю, еще не пробовал.
А вы попробуйте любую статью с вашего сайта запостить к себе на страницу вк, не в группу. Кстати, щас заметил данный баг с сервисом uptolike. Тоже самое, у Сеня и у других сайтов.
Там кстати после нажатия кнопки должна стоять галочка в появившимся окошке «Добавить изображение»
Ага, но её нету. Если второй раз запостить, появляется, а иногда и во второй раз нет. Попробуйте пожалуйста со своего сайта разные статьи запостить. Ваше право отказать, не обижусь)
Да я и так все статьи размещаю вконтакте. Может у вас браузер или какой аддон к браузеру блокирует окно.
С разных компьютеров и телефонов попробовал. Аналогично.
Ребята, так это платный плагин, где же Вы его скачиваете. Я нашел только за $14.
Где покупаем, там и скачиваем 🙂
Ну слушайте, это не охота, когда доллар 75р. стоит. — получается больше 1000.
К томуу же может он мне не понравится, может там нет одноклассников и кнопой лайков.
Я уже несколько таких плагинов пробовал — ни один не понравился.
Одноклассники есть как видите. В остальном, Вы уж сами решайте.
Только что установил этот плагин себе..-несомненно лучший плагин.Спасибо за статью!!!
Рад, что оказалось полезно.
Плагин красивий, но у меня подтягивает не то изображение к статье на Фейсбук:(
Вам нужно установить в настройках id вашего приложения в ФБ
Доброго дня! Не подскажите, как избавиться от этой проблемы?
Ссылка на скрин проблемы http://pixs.ru/showimage/iaiikrikfr_7638169_16319047.jpg
Использую ту же тему, что и Вы.
И еще вопросик, как Вы добавили надпись (Внимание! Кликанье по кнопкам ниже повышает репутацию, харизму, потенцию, снимает порчу, избавляет от икоты и прыщей!) над кнопками ?
Право, не помню точно где, но там в настройках плагина есть специальное поле для вывода подобного текста.
Прошу прощения, в настройках покопался и нашел. Все перед глазами было)
Отличный плагин, на втором сайте им пользуюсь, надо б и на основной установить. Стояли Яндекс.Поделиться, но там постоянно счетчики слетают
Здравствуйте, а еще вопрос — добавила в папку languages .mo и .po файлы, ru в настройках прописала, но перевод все равно не задействовался, в чем может быть проблема?
Анастасия, Вы сам перевод то сделали? И в настройках ничего не надо прописывать.
Естественно, добавила файлы с переводом. Там не так уж мало строк, чтоб забыть, что переводила)
Интересно, я вот не вижу вообще там POT файла. Как Вы переводили? Что пишет поддержка на этот счет?
Pot можно сгенерировать Pordit’ом или CodeStyling Localization, когда плагин адаптирован для перевода…..
Малость ошибся. Разработчики говорят о том, что в общем плане плагин просто еще не готов к полной локализации, но есть поля для перевода в настройках — Display Settings — Localization Settings. В принципе, там больше ничего переводить и не надо.
Здравствуйте.
Дмитрий где нужно нажать или поставить галочку, что бы при перепосте вконтакте в сообщении появлялась часть текста публикации? http://prntscr.com/86cduv
Здравствуйте. Я нигде ничего не ставил. Просто выбрал нужные сети и их визуальный стиль. Вроде итак работает как нужно.
Понял. А модуль социальные мета в All in One SEO Pack вы активировали?
Здравствуйте, а вот вопрос не по теме немного. Вы переводите некоторые бесплатные плагины и как потом отдаете разрабам? Просто связываетесь с ними? Специально, конечно, не перевожу, только когда нужно, и потом могу отдавать переводы под свободную лицензию .
Здравствуйте. Иногда пишу просто в комментах на wordpress.org, что есть перевод. Если автор сочтет нужным, добавит.
Спасибо за подробное объяснение процесса, кнопочки мной успешно установлены и не возникло никаких сложностей, хотя я не специалист в этой области.
Здравствуйте, а вы видели сколько именно эти кнопочки выдают ошибок валидности кода? Посмотрите, я сам в шоке. Продают плагины, невалидные. У меня нет лицензии, напишите, предъявите им, пусть обновление пилят. Там они выдают невалидный &, это правится элементарно. И еще есть ошибки.
И тема Sahifa выдает невалидный код при вставке видео с ютьюба и при построении блока видео.
Егор, процентов 95 тем выдают разной степени невалидности код. Это не смертельно 🙂
Да тема то я понимаю, всего не предусмотришь, так как меняются и критерии валидации, нужно просто обращаться к разрабам, с обновой баги исправляют замеченные. А вот в плагине, там прямо явно ошибка на ошибке и продают, хотя знают, уверен.
Можно ли в данном плагине настроить так чтобы при нажатии соц. кнопки был не просто «Лайк», а «Поделиться», чтобы оставалась ссылка на стене в соц. сети?
Перестала работать кнопка facebook. Неделю назад писала статью все ок, написала сегодня, делаю шаринг а на счетчике 0. Что делать? В чем проблема?
Спасибо, за статью! Очень подробное и доступное описание самого процесса добавление кнопок!
К информации в статье можно ещё добавить про новый сервис кнопок социальных сетей: usocial.pro
Свежие, с чистым кодом, и красивым дизайном! Ещё там есть всплывающие окошки, лайк кнопка и дебаггер!
Самое полезное по плюсам сервиса вот тут: usocial.pro
Возможно будет полезно. =)