Easy Social Share Buttons плагин по добавлению кнопок социальных сетей в WordPress, включая Вконтакте и Одноклассники

Easy Social Share Buttons — плагин по добавлению кнопок социальных сетей в WordPress, включая Вконтакте и Одноклассники

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня пишу свой первый обзор платного плагина для WordPress (стОит он, правда, совсем не дорого (12$), но все же не халява). Собственно, до этого я их никогда и не покупал, стараясь использовать то, что распространяется бесплатно. Да и сами плагины для WordPress на своем блоге стараюсь использовать по минимуму (оставлял лишь те, без которых действительно трудно обойтись).

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

Основное преимущество плагинов — простота использования и низкий порог вхождения. По сути, работа с ними очень похожа на установку и настройку обычной программы на компьютере. В большинстве случаев, все действия по настройке плагинов проводятся непосредственно из админки WordPress и вам при этом вовсе нет необходимости владеть навыками Html, CSS и уже тем более PHP программирования. Многих это подкупает.

Собственно, и история с покупкой Easy Social Share Buttons стала результатом желания попробовать «продукт из коробки», который, по идее, должен доставлять одни только положительные эмоции. В общем-то, эксперимент удался — кнопки мне понравились, возможности настроек и статистики очень даже порадовали. Но были и некоторые сложности, о которых тоже не премину рассказать.

Возможности плагина Easy Social Share Buttons

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

Купить, почитать отзывы и посмотреть демку этого плагина вы сможете на его официальной странице в CodeCanyon.net (я уже упоминал этот сервис при описании возможных вариантов организации слайдеров и слайд-шоу на сайте).

Если перейдете на демо-страницу Easy Social Share Buttons и прокрутите ее вниз, то увидите горизонтальную панель с кнопками, которая будет оставаться «приклеенной» вверху страницы. Естественно, что это не единственный вариант оформления внешнего вида и позиции, в которой могут выводиться кнопки.

Давайте попробую перечислить возможности плагина по порядку:

  1. Имеются кнопки для 18 социальных сетей (включая две рунетовские), куда посетители вашего сайта смогут расшарить понравившуюся им статью или товар в интернет-магазине. Для некоторых из этих сервисов (Вконтакте, Гугл+, Фейсбук) можно будет добавить кнопки «Мне нравится» (+1 в случае Гугла), а для Твиттера кнопку для набора фолловеров (Читать).
  2. Для блока кнопок, выводимых с помощью Easy Social Share Buttons, можно будет в настройках задать один из 9 стилей отображения.

Причем, имеется возможность задать разный внешний вид кнопок для статей и для статических страниц («Display Settings» — «Advanced Display Settings by Post Type»).
Очень прикольно, на мой взгляд, реализована возможность скрытия названия социальный сети. В этом случае, по умолчанию, остается от кнопки только ее эмблема, а при подведении к кнопке соцсети курсов мыши она плавно увеличивается и появляется название (смотрите как это реализовано внизу этой статьи).

Если не хотите, чтобы этот эффект использовался, то отключите его (Display Settings — Network Names and Counters). Там же можно будет добавить ко всем кнопкам счетчик кликов по ним, а также общий счетчик кликов по всему блоку. Положение счетчика тоже настраивается.

В настройках Easy Social Share Buttons вы найдете целых девять способов показа блока. Некоторые из них будут плавающими, т.е. блок будет зафиксирован в определенном месте при прокрутке страницы (например, как это было в вертикальном блоке Шаре42).

На данном блоге я использую предлагаемый по умолчанию способ (Content bottom — только под контентом). На другом сайте я поставил плавающий сверху блок из кнопок (Float from content top), названия которых появляются только при наведении мыши.

Есть еще вариант со всплывающим окном, причем он вовсе не навязчивый, и крупной кнопкой «закрыть». Примечательно, что для каждого из типов вывода блока кнопок социальных сетей от Easy Social Share Buttons имеется свой блок настроек (обведены желтой линией на скриншоте). Отрадно, что, например, для всплывающего блока можно задать тайм-аут с момента загрузки страницы, по истечении которого этот блок появляется (не навязчиво получится).

  • Порядок следования кнопок социальных сетей в блоке можно произвольно изменять с помощью простого их перетаскивания мышью в настройках плагина из админки WordPress.
  • Можно включить или отключить показ блока с социальными кнопками на разных страницах блога, в том числе и на тех, что были созданы плагинами для организации форумов и интернет-магазинов.
  • Есть возможность включить ведение статистики по расшариванию ваших статей в социальные сети с помощью этого плагина (Easy Social Metrics Lite). Включается и настраивается эта опция в показанных на скриншоте настройках:
  • Проблемы, возникающие при работе с этим плагином

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

    Вторая проблема проявилась только на блоге https://ktonanovenkogo.ru. Возник конфликт CSS кода моей темы оформления и CSS кода, который подключает данный плагин к страницам блога. Выразилось это в том, что размер кнопок получался сильно меньше, чем на демо-сайте и чем на другом моем сайте. Сначала я подумал тоже забить на это, но все же решил чуток подумать.

    Ларчик просто открывался. Наверное, вы читали мою статью про приоритеты в CSS и использование !important для их изменения? Читали? Но не суть. Если кратко, то существует целая иерархия приоритетов, которая позволяет разрешать конфликтные ситуации в стилевом оформлении (когда одному и тому же элементу в разным местах CSS кода предписывают разные действия).

    Когда приоритеты равны, то выполняется тот код, что расположен ниже. Однако, сложившуюся ситуацию можно изменить, добавив к расположенному чуть выше коду !important. Именно это я и сделал. Залез внутрь файлов плагина Easy Social Share Buttons, а именно в папку:

    Там находятся папки со стилями для всех девяти стилей кнопок (смотрите их выше). Просто открываете ту папку, название которой совпадает с используемым вами стилем (например, у меня используется flat-retina). Находите там файлик easy-social-share-buttons.min.css (именно с окончанием min, ибо используется именно он — читайте про сжатие CSS файлов). Содержимое этого файлика представляет из себя одну огромную строку кода без пробелов, и с первого раза понять там что-то сложно (но ведь можно посмотреть точно такой же файлик easy-social-share-buttons.css, код в котором легко читается).

    Очень близко к началу там будет такой код:

    После добавления !important перед padding и margin он уже будет выглядеть так:

    Собственно, все. На этом конфликт двух файлов стилей закончился в пользу того, что генерит Easy Social Share Buttons, и кнопки социальных сетей приняли нормальный для них размер (задуманный разработчиками). Вполне возможно, что у вас подобных проблем не возникнет и вовсе. Спасибо за внимание.

    Лучшие кнопки социальных сетей — 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.

    1. Main Settings. Template. Выбираем шаблон социальных кнопок.
    2. Main Settings. Social Share Buttons. Выбираем кнопки, тех социальных сетей, которые хотим видеть на сайте.
    3. Main Settings. Social Share Analytics. Управление статистикой: галочка в первом чекбоксе позволит увидеть вам статистику кликов плагина. Вторая же галочка активирует статистику Google Analytics.
    4. Main Settings. Social Fans Counter. Здесь нужно ввести ID и прочие данные для отображения количества ваших последователей в соц. сетях. Например, если у вас есть группа в «Вконтакте», то копируем url-адрес вашей группы, к примеру, https://vk.com/название вашей группы, и вставляем в поле Community ID/Name (раздел VK.com) то, что выделено жирным.
    5. Main Settings. Social Like, Follow and Subscribe Buttons. Внедрение кнопок «Поделиться» и «Мне нравится». Здесь вклеиваются и настраиваются кнопки типа «Мне нравится». Здесь я объясню только, как вклеить такую кнопку для вашей группы в «Вконтакте». Для этого ищем VKontankte (vk.com) Like, ставим галочку напротив VKontakte (vk.com) Like Button, потом переходим по ссылке, данной в описании, находящемся под боксом VKontakte (vk.com) Application ID, где в коде, предложенном для вставки на сайт, ищем место, которое начинается с apiId: и копируем код, идущий далее. Осталось только вставить его в нужное поле и сохранить настройки.
    6. Main Settings. Customize E-mail Message. Настройка формы, которую видит пользователь, отправляя вашу новость по E-mail.
    7. Display Settings. Первый шаг, связанный с этим табом, опционален: если вам нужно интегрировать плагин с пользовательскими типами записей, bbPress-форумом, BuddyPress, магазином на основе WP e-Commerce/JigoShop, то здесь вы можете это сделать, просто расставив галочки в соответствующих чекбоксах.
    8. Display Settings.Button Position. Здесь можно изменить расположение бокса с кнопочками относительно контента, включить плавающую панель с кнопками или настроить их расположение в сайдбаре.
    9. Display Settings. Network Names. Управление названиями социальных сетей и их отображением.
    10. Display Settings. Counters. Настройка счетчиков
    11. Display Settings. Mobile Display Options. Настройка социальных опций для мобильных устройств.
    12. 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 и имеет массу восторженных отзывов от благодарных пользователей. И как видите, вполне понятно, почему. Он – очень функциональный, стоит вполне разумных денег. Как ни странно может показаться с описанием столь многочисленных настроек — простой в использовании «по умолчанию». А для тех кто захочет раскрутить поддержку социальных сетей у себя на сайте на «полную катушку» — подробный мануал автора и эта статья в помощь.

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

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

    Еще про социальные сети можете почитать тут:

    Ну и конечно же, если вам понравилась статья и сам плагин — не забудьте кликнуть по кнопочкам ниже 🙂

    Плагин 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 в соответствующее поле. После этого нажимаете на кнопку «Сохранить изменения».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Выводы статьи

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

    Социальные кнопки на сайте WordPress

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

    Зачем нужны социальные кнопки

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

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

    • Нравится + иконка соцсети – позволяет посетителям осуществлять оценку статьи. На иконке отображается социальная сеть, через которую пользователь голосует. Основные ресурсы: ВКонтакте, Facebook и Одноклассники – в них имеется возможность поставить «Лайк» или «Нравится». Данный тип кнопок не влияет на поисковое продвижение и носит исключительно рейтинговый характер. Если навести указатель на одну из иконок, появится окошко с изображениями аватаров проголосовавших людей. Обращаем внимание, что для отметки «Мне нравится» пользователь должен быть авторизирован в советующей социальной сети.
    • Поделиться (Репост) – позволяет опубликовать конкретный материал сайта на своей странице в социальной сети. Кликнув по нужной иконке, подтверждается действие размещения ссылки в аккаунте пользователя, которую также можно отправить в личном сообщении. Эти действия влияют на продвижение ресурса и привлечение новых посетителей.
    • Следовать (Подписаться) – содержит ссылки на социальные страницы вашего ресурса. Позволяет посетителям подписаться на них и быть в курсе последних событий сайта. После этих действий, в новостной ленте, для подписчиков будут показываться паблике.

    Установка кнопок без плагинов

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

    Вертикальный блок

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

    Вот пример кода, рассмотренный для Facebook:

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

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

    Как добавить кнопки социальных сетей на сайт WordPress – один из самых часто встречающихся вопросов в сети.

    Для чего нужны кнопки социальных сетей на сайте WordPress

    А нужны ли вообще кнопки социальных сетей на сайте WordPress? Какая от них польза?

    Помимо презентабельного внешнего вида, кнопки социальных сетей выполняют несколько полезных функций:

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

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

    Итак, положительное влияние кнопок социальных сетей на сайте WordPress не подлежит оспариванию.

    Установка кнопок социальных сетей на сайт WordPress

    В CMS WordPress такой функции нет, но переживать не нужно. Вопрос установки социальных кнопок решается с помощью плагинов, как бесплатных, так и платных.

    Бесплатные плагины кнопок социальных сетей для сайта на WordPress

    Одним из преимуществ WordPress, как я говорил ранее, является огромное количество бесплатных дополнений и расширений.

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

    Плагин Uptolike Social Share Buttons

    Обзор начну с плагина Uptolike Social Share Buttons, который сам использую на своих сайтах.

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

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

    Перед началом установки и настройки нужно перейти на сайт плагина по адресу uptolike.ru и зарегистрироваться там.

    Главная страница сайта uptolike

    Регистрация позволит Вам создать новый проект в личном кабинете и подключить к нему свой сайт, по аналогии с регистрацией сайта в Google Console и Яндекс Метрике. Сделать это надо для того, чтобы в любой момент Вы могли посмотреть статистику работы плагина и действий посетителей Вашего сайта. Далее переходим к установке плагина.

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

    Из административной панели сайта переходим в репозиторий WordPress и ищем этот плагин в поисковой строке (Uptolike Social Share Buttons).

    Устанавливаем плагин Uptolike Social Share Buttons и активируем его.

    Плагин Uptolike Social Share Buttons

    После активации в меню административной панели WordPress появится отдельный пункт этого плагина.

    Пункт плагина Uptolike в меню административной панели WordPress

    После нажатия на этот пункт откроется область настроек плагина Uptolike Social Share Buttons.

    Область настроек плагина Uptolike Social Share Buttons

    В самом верху мы видим три вкладки:

    Для начала работы с плагином, нам необходимы только две из них – «Конструктор» и «Настройки».

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

    Вкладка «Конструктор» плагина Uptolike Social Share Buttons

    Социальные сети плагин Uptolike Social Share Buttons

    1. Социальные сети – выбираем, значки каких сетей Вы хотите отображать на сайте. Чаще всего выбирают Vkontakte, Facebook, Twitter, Google+, Одноклассники;
    2. Посмотреть в браузере или смартфоне – возможность просмотра внешнего вида странички сайта на разных устройствах.

    Дополнительные настройки плагина Uptolike Social Share Buttons

    1. Дополнительные настройки – обязательно отмечаем пункт «Цитирование». Остальные на Ваш выбор. Чтобы понять, для чего используется каждый пункт дополнительных настроек, наведите курсор мышки на знак вопроса соответствующего пункта. Во всплывающей подсказке будет показана краткая информация.
    2. Расположение блока – тут все просто. Выбираете место, которое Вы хотели бы использовать для отображения кнопок социальных сетей на сайте.

    Внешний вид кнопок социальных сетей плагина Uptolike Social Share Buttons

    1. Размер кнопок – выбираете предпочтительный размер социальных кнопок;
    2. Форма – на выбор предлагается три формы кнопок: круглая, квадратная, квадратная с закругленными углами;
    3. Счетчик – для новых сайтов можно выделить пункт «Не показывать». Если Вы хотите, чтобы на сайте отображалось общее количество просмотров или конкретное количество просмотров одной статьи, материала, выбирайте следующие два пункта: Общий или Раздельный соответственно;
    4. Стиль – выбираете стиль кнопок, который наиболее соответствует дизайну Вашего сайта;
    5. Эффект при наведении – статичное или анимированное отображение кнопок при наведении на них курсора мыши. Я этот пункт оставляю без изменений. Лишняя анимация – нагрузка для не очень мощных компьютеров;
    6. Размер текста счетчика – если Вы выбрали в 3 пункте отображение счетчика, то сейчас можете настроить размер отображаемого в нем текста.

    В завершении работы во вкладке «Конструктор» плагина Uptolike Social Share Buttons в левом нижнем углу нажмите кнопку «Сохранить изменения».

    Вкладка «Настройки» плагина Uptolike Social Share Buttons

    Вкладка «Настройки» плагина Uptolike Social Share Buttons

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

    Важно! Установите флажок в пункте «На спец. страницах», если используете плагины электронной коммерции, такие как WooCommerce, WP-Shop и другие.

    Сохраняем изменения. С этого момента плагин Uptolike Social Share Buttons настроен и работает.

    Во вкладке «Статистика» плагина Uptolike Social Share Buttons со временем у Вас будут отображаться в виде графика данные посещений Вашего сайта.

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

    Помимо плагина Uptolike Social Share Buttons существует большое количество аналогичных приложений.

    Плагин Social Media Share Buttons & Analytics

    Плагин Social Media Share Buttons & Analytics

    Плагин Плагин AddToAny Share Buttons

    Плагин AddToAny Share Buttons

    Плагин Sharify Social Share Buttons

    Плагин Sharify Social Share Buttons

    Плагин Custom Share Buttons with Floating Sidebar

    Плагин WP Social Buttons

    Плагин WP Social Buttons

    Плагин Social Media Share Buttons & Social Sharing Icons

    Плагин Social Media Share Buttons & Social Sharing Icons

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

    Как установить и активировать любой плагин WordPress из репозитория я рассказывал в одном из уроков.

    Возможно, какой-то из них понравится Вам больше, чем плагин Uptolike Social Share Buttons. Главное, чтобы они отвечали Вашим требованиям и были удобными в использовании.

    В следующем уроке мы поговорим о том, как настроить комментарии в WordPress.

    Жду Ваших вопросов и замечаний в комментариях.

    Плагин Easy Social Share Buttons for WordPress v6.0

    Easy Social Share Buttons – лучший плагин WordPress для обмена контентом с социальными сетями.
    Easy Social Share Buttons для WordPress добавляет к вашим сайтам уникальные кнопки для обмена контентом с социальными сетями, потрясающий социальный счетчик подписчиков, простую в использовании форму подписки на рассылку и социальные функции чата. Easy Social Share Buttons признан самым мощным и многофункциональным плагином экспертами WordPress. Революционный плагин для совместного использования соц. сетей и WordPress, которому доверяют более 310 000 сайтов.

    Этот обширный плагин для совместного использования соц. сетей и WordPress обеспечивает максимальную гибкость и социальную среду, позволяя вашим посетителям делиться более чем 50 основными социальными сетями, включая широкий спектр мобильных мессенджеров. Не только это, но и Easy Social Share Buttons для WordPress также может похвастаться лучшим и самым полным пакетом из 55 + красивых шаблонов для совместного общения и создания персональных шаблонов, а также самым полным набором 30 + автоматических дизайнерских позиций, 30+ привлекающих внимание и глаз захватывающих анимаций. Этот плагин для социального шаринга WordPress уникален в освещении всех возможных мест для отображения ваших социальных кнопок.

    Easy Social Share Buttons для WordPress – настоящий законодатель моды в социальных сетях для WordPress на ближайшие 4 года, которому доверяют все типы сайтов WordPress, включая ведущие технологические бренды. С Easy Social Share Buttons для WordPress вы получаете всё, что вам нужно, чтобы повысить своё социальное присутствие, увеличить своих социальных подписчиков или увеличить свой список рассылки, только в одном плагине WordPress.

    Соц. сети и сервисы, которые поддерживает плагин Easy Social Share Buttons

    Easy Social Share Buttons интегрирован с более чем 40 из самых популярных социальных сетей, включая Facebook, Twitter, Google+, Pinterest, LinkedIn, Digg, StumbleUpon, VKontakte, Tumblr, Reddit, Delicious, Buffer, Weibo, Xing, Pocket, Flattr, Odnokkassniki.ru, ManageWP.org,WhatsApp, Meneame, Love You button, Print, E-mail, Blogger, Amazon, Yahoo Mail, Gmail, AOL, Newsvine, HackerNews, Evernote, Mail.ru, MySpace, Viadeo, Line, Flipboard, Comments, Yummly, SMS, Viber, Telegram, Skype, Facebook Messenger, LiveJournal, Kakao Story, Yammer, Hatena, Renren, Douban, Naver, QQ.

    Имеет прямую интеграцию с сервисами E-mail рассылок: Mailchimp, GetReposne, myMail, MailPoet, MailerLite, CampaignMonitor, ActiveCampaign, SendinBlue, Jetpack Subscriptions.

    Плагин кнопок социальных сетей для WordPress — поделись интересным контентом

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

    Рассматриваемый плагин называется Sassy Social Share. Кроме того, что он поддерживает соцсети Рунета, в нём есть и другие достоинства — например, радует большое количество настроек, которые позволяют создать блок с кнопками по своему вкусу, а также более 100 поддерживаемых сервисов.

    Давайте расскажу обо всём подробно.

    Как настроить плагин кнопок социальных сетей Sassy Social Share

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

    Теперь перейдите к его настройкам, в пункт консоли «Sassy Social Share». Здесь вы увидите несколько вкладок.

    Theme Selection

    Здесь настраивается внешний вид кнопок, то есть тема. Вы увидите, что страница опций поделена на две части — «Standard interface theme» и «Floating interface theme» (стандартная тема и плавающая тема, соответственно). Стандартная отображается непосредственно в тексте записей и страницы, а плавающая представляет собой блок, не привязанный к какому-либо элементу, который всегда видно, независимо от прокрутки страницы. Оба варианта имеют одинаковые опции.

    • On Hover Icon Preview. Интерактивный предпросмотр иконок. При настройке изменения сразу здесь отображаются.
    • Shape. Это форма иконки — круглая, квадратная или прямоугольная.
    • Size (in pixels). Указывается размер иконки в пикселях. Если выбрана квадратная, то можно указать степень закругления углов. А если выбрана прямоугольная, то можно указать длину и высоту.
    • Logo Color. Это цвет логотипа. Если оставить поле пустым, то цвет будет по умолчанию. В поле «Default» указывается цвет в обычно состоянии, а в «On Hover» — при наведении мышки.
    • Background Color. То же самое, что и «Logo Color», только для фона кнопки
    • Border. Опция определяет границы иконки. В разделе «Defoult» опция «Border W >Standart interface

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

    • Enable Standard sharing interface. Если поставить галочку, то иконки социальный сетей будут отображаться в контенте.
    • Target Url. Здесь можно выбрать, какая ссылка будет шариться: «Url of the webpage where icons are located (default)» — ссылка, на которой расположены кнопки; «Url of the homepage of your website» — главная страница сайта; «Custom url» — любая заданная ссылка.
    • Title. Задаётся заголовок для блока с кнопками соцсетей. Например, можно написать «Поделиться».
    • Rearrange icons. Можно задать порядок значков, перетащив их мышкой.
    • Select Sharing Services. Можно выбрать галочками соцсети, в которых можно будет поделиться, которые будут отображаться в блоке с кнопками. Их очень много, и можно воспользоваться формой поиска для удобства. На момент написания этого обзора, плагин кнопок социальных сетей поддерживает более 100 сервисов, среди которых есть все соцсети, популярные в Рунете.
    • Horizontal alignment. Горизонтальное выравнивание блока — слева, по центру, справа.
    • Position with respect to content. Позиция относительно контента — сверху или снизу.
    • Placement. Можно выбрать типы страниц, на которых будут отображаться эти кнопки.
    • Show share counts. Опция включает счётчик шаринга. Не все социальные сети это поддерживают.
    • Show total shares. Включает отображение суммарного количества шаринга.
    • Enable ‘More’ icon. Включает кнопку, нажатие на которую отобразит возможность поделиться во всех остальных сервисах.

    Floating interface

    Здесь настраивается внешний вид плавающего блока кнопок. В целом во вкладке «Floating interface« всё очень похоже на «Standart interface» за исключением нескольких опций. Поэтому я не буду подробно расписывать данную вкладку настроек, что бы не повторяться.

    Miscellaneous

    В этой вкладке собраны разные опции. Их можно оставить по умолчанию.

    • Load Javascript files in footer. Включает загрузку скриптов в подвале сайта, полезно для скорости.
    • Delete all the options on plugin deletion. Удаляет следы плагина в базе данных при удалении самого плагина.
    • Refresh Share Count cache every. Время жизни кеша.
    • Url shortener. Ряд опций, которые позволяют настроить укорачивание ссылок с помощью сервиса bit.ly.
    • Language. Язык сайта.
    • Username in sharing. Опции для настройки аккаунта Twitter.
    • Enable sharing on AMP pages. Распространяет функции плагина на AMP страницы.
    • Custom CSS. Можно добавить собственный CSS.

    Shortcode & Widget

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

    Troubleshooter

    Вкладка для устранения неполадок с плагином.

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

    Кнопка вконтакте для wordpress блога — разные методы и лучшие плагины

    Плагин Social Share Buttons заточен чисто под рунет, так как содержится самые популярные у нас социальные сети — вконтакте, одноклассники, мой мир, livejournal, фэйсбук и твиттер. Если я правильно, то он чем-то аналогичен VK Share Button либо точнее будет сказать, включает в себя его функциональность. Вы можете выбирать разные варианты отображения кнопок, а также задавать некоторые настройки для каждой из них. Есть возможность сортировки кнопок, выбора некоторых из них.

    Самый большой недостаток плагина, по сути, его ограниченность только популярными рунетовскими социальными сетями, что не всегда оправдано. А мне как раз нужно было добавить на сайте кроме вконтакта еще и LinkedIn. Перерыл, признаюсь, очень много плагинов пока не нашел супер крутой и полезный Share and Follow.

    Share and Follow

    Share and Follow — это самый крутой плагин с кнопками социальных закладок, который я только встречал. Здесь очень много возможностей и столько же настроек. Установка и начало работы происходит достаточно быстро — скачайте плагин, активируйте в амдинке и укажите в разделе Share and Follow какие именно кнопки вам нужны. Они сразу же отобразятся на страницах блога.

    После этого можно приступать к подробной настройке — можно выбрать размер кнопок, множество различных социальных сервисов, а также общие возможности (RSS, email, версия для печати). Этот же плагин добавлять элемент фолловинга сбоку от полосы прокрутки а также имеет множество других опций. Есть платные возможности, но бесплатных и без них хватает с головой. Предлагаю глянуть небольшое видео по использованию Share and Follow:

    Возможно, в будущем рассмотрю модуль Share and Follow более подробно, но вы можете меня не ждать и сами исследовать его. Самое главное, что он идеально подходит как для рунета, так и англоязычных сайтов — список социальных сервисов более чем достаточен. Установка быстрая и простая, короче говоря, Share and Follow должен быть в архиве любого разработчика сайтов /блогов на wordpress.

    Блок Поделиться Яндекс. Кнопки соцсетей для WordPress

    Всем приветик! Сегодня давайте установим на сайт Блок Поделиться Яндекс с плагином и без. и Если вы создали свой сайт и хотите привлечь дополнительный трафик из соцсетей, то без кнопок социальных сетей вам просто не обойтись (must have). Пусть посетители делятся вашими интересными статьями, да и сами – опубликовали новую статью, и тут же с помощью кнопок расшарили (Share) её по соцсетям.

    Какие соцкнопочки установить? Сервисов предоставляющих код кнопок социальных сетей много, все они почти одинаковы. Не будем замарачиваться какие выбрать, а возьмём социальные кнопки Yandex – блок Поделиться от Яндекс и установим их на все страницы сайта ВордПресс.

    Установка кнопок соцсетей Поделиться (SHARE) от Яндекс на сайт WordPress

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

    Соцкнопки от Яндекс (Блок Поделиться) поможет посетителям вашего сайта быстро публиковать ссылки на интересные им страницы в социальных сетях и блогах. Вы можете создать блок для своего сайта WP с помощью конструктора.

    Как добавить/установить кнопки соцсетей на сайт WordPress без плагина?

    Зайдите на страницу конструктора блока Поделиться – https://tech.yandex.ru/share/ . Выберите сервисы социальных сетей (их довольно много), иконки которых будут отображаться на вашем веб-ресурсе и внешний вид блока:

    Конструктор блока Поделиться в соцсетях от компании Яндекс

    Затем, копируете код и заходите в админпанели Внешний вид – Редактор тем. Открываете файл Отдельная запись ( single.php ) или в зависимости от вашей темы файл loop-single.php , content.php . Находим строчку или похожею на неё и чуть ниже вставляем код соцкнопок. Обновляем файл. Кнопки будут расположены под каждым сообщением. Если не получается, то можно ориентироваться на код (форма комментариев) в файле Одна запись. Выше данной строчки добавляем скрипт соцкнопок.

    Для того, чтобы иконки кнопок выравнять по центру, то оберните скрипт в теги . . Получится вот так:

    Блок Поделиться после статьи

    Таким же методом, можно добавить после статьи код рекламы РСЯ, ADSENSE или Рекомедуемый контент адсенсе. Обратите внимание что, после обновления вашей темы вам придётся вставлять код кнопок заново. Если у вас, друзья, не получается вывести блок кнопок на станицах записей, то советую воспользоваться плагином автоматического вывода блока “Яндекс.Поделиться” в WordPress.

    Во, вспомнил. У Рамблер тоже есть конструктор кнопок соцсетей и там больше настроек. Кнопки подходят для десктопной и мобильной версии сайта. Как выглядят соцкнопки, вы решаете сами. Настраивайте цвет, форму, размер и шрифт текста и иконок на кнопках или установите стандартный набор.

    Конструктор кнопок соцсетей для сайта

    Читайте о Рамблер / лайки здесь.

    Плагин Easy Yandex Share

    Вы можете настроить и добавить блок Поделиться на свой сайт с помощью Yandex Share.

    Плагин Яндекс. Поделиться

    Модуль Easy Yandex Share автоматически выведет кнопки шаринга (поделиться) в начале или конце записи. Типы записей для авто-добавления вы можете выбрать в настройках плагина. Блок Яндекс Поделиться позволит пользователям вашего сайта или блога в один клик поделиться контентом сайта в социальных сетях. В отличие от других сервисов добавления кнопок шаринга в скрипте от Яндекса нет никакой рекламы и даже само название Яндекс нигде не упоминается.

    Установка плагина стандартная, через админку. Плагины – Добавить новый. В поле поиска вводим Easy Yandex Share, устанавливаем и активируем. А далее переходим к его настройке. Продвинутый вывод блока Яндекс.Поделиться с кучей дополнительных настроек.

    Настройки плагина Easy Yandex Share

    После того, как вы активируйте плагин в разделе Настройки появится новый пункт – Easy Yandex Share. Нажимаете на него и приступаете к настройкам блока Поделится в соцсетях. Модуль на русском языке, всё будет вам понятно. Здесь, больше настроек, чем в конструкторе Яндекс:

    Настройки плагина Easy Yandex Share

    Также выбираете соцсети (есть предпросмотр), внешний вид. Вывод блока соцкнопок до или после записи. Даже возможен вывод иконок соцсетей вертикально. Ещё хорошо – надпись к кнопкам можно свою написать. Так выглядит блок после статьи:

    Блок Поделиться Яндекс после записи

    Отличный модуль. У автора Easy Yandex Share есть и другие замечательные плагины. Такие как – RSS for Yandex Turbo – создание RSS-ленты для сервиса Яндекс.Турбо. BBSpoiler – плагин позволит вам спрятать текст под спойлер. RSS for Yandex Zen – создание RSS-ленты для сервиса Яндекс.Дзен и другие. Пользуйтесь.

    На этом, товарищи, позвольте с вами попрощаться. Удачи вам и до новых встреч. Пока, пока!

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

    2015-05-13 / Вр:10:47 / просмотров: 9281

    На моем блоге был установлен плагин «Social Share Buttons». Этот плагин меня дико расстроил , так как перестала работать кнопка «Одноклассники». Пытался ковырять код, но, увы, моих мозгов не хватило, решил не изобретать велосипед, а воспользоваться другим плагином. Мне очень понравился плагин «Uptolike Share Buttons».
    Настройки плагина «Uptolike Share Buttons» предельно понятны, так как все написано на русском языке. Плагин поддерживает русские социальные сети, такие как «Одноклассники», «Вконтакте», «Мail.ru». Есть статистика по социальным кликам. Давайте приступим к установке, потом к настройке, а потом уже я расскажу о дополнительных возможностях, которые предоставляет плагин «Uptolike Share Buttons».

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

    После установки и активации плагина переходим к настройкам.

    Настройка плагина «Uptolike Share Buttons»

    В админ-панеле с левой стороны меню выберите «UpToLike» :

    Перед вами откроется вкладка «Конструктор» .

    Вкладка «Конструктор»

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

    – Дополнительные настройки – в этом пункте настроек есть:

    «Цитирование» – пользователю предлагается поделиться со своими друзьями в социальных сетях частью текста, который был выделен:

    «Кнопка “Наверх”» – позволяет подняться в верх страницы:

    «Отключить кнопку “. “» – убирает кнопку с дополнительным выбором социальных сетей:

    «Показать всплывающее окно с предложением подписаться» – включение этого модуля позволит помимо Share пригласить пользователя сайта в свою группу в соц. сети.

    Я выставляю вот такие настройки:

    – Расположение блока – и – Внешний вид – здесь, думаю, все вам понятно. В «Расположение блока» нужно указать, где будут размещаться кнопки социальных сетей, а во «Внешнем виде» укажите, как бы вы хотели, чтобы выглядели кнопки (размер и форма кнопок).
    Вот такие я сделал себе настройки:

    Если вы перейдете по ссылке «Еще настройки» , которая размещена чуть ниже (см. рисунок сверху), то внешний вид кнопок можно расширить:

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

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

    Жмите на кнопку «Сохранить» .

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

    Движемся дальше. Прейдите на вкладку «Настройки» .

    Вкладка «Настройки»

    Чтобы на главной странице блога в подвале сайта не отображались кнопки социальных сетей, нужно снять птичку над пунктом «Располагать на главной странице в фиксированном блоке» .

    – Режим работы плагина – здесь нужно выбрать:

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

    «Шорткод» – позволяет добавить кнопки социальных сетей в любом месте через файл и редактор.
    Для файлов « .php »:

    Для вставки в режиме визуального редактора:

    Жмите на кнопку «Сохранить изменения» .

    Теперь перейдем на вкладку «Статистика» .

    Вкладка «Статистика»

    В статистике можно узнать:

    – количество «лайков» на сайте в течение выбранного периода;
    – сколько пришло новых посетителей на блог из социальных сетей и др.

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

    Вот так выглядит статистика «uptolike»:

    Ссылка на основную публикацию