UpToLike Social Share Buttons — Кнопки «поделиться в соцсетях»

Всем привет! Недавно мы настроили вывод похожих записей в конце статьи. А сегодня я хочу познакомить вас с замечательным плагином WordPress для расшаривания в соцсетях. Это виджет UpToLike Social Share Buttons. 

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

ВКонтакте, Facebook, Одноклассники, Twitter, WhatsApp, Telegram, Viber, Mail.ru — всё это имеется. Но также и многое другое.

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

Кнопки расшаривания в соцсетях на сайте Вордпресс

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

Для начала сделаем установку. Раздел Плагины → Добавить новый. В строке поиска вводим название UpToLike Social Share Buttons, лучше скопировать отсюда. И появляется то, что мы искали:

UpToLike Social Share Buttons плагин для расшаривания в соцсетях

Устанавливаем и активируем плагин. А затем переходим к настройкам.

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

Найти его можно как в списке плагинов, так и в консоле в качестве отдельного раздела под названием UpToLike. Открываем и видим 3 вкладки. Пройдёмся по ним.

Конструктор

И первая вкладка будет Конструктор. Сразу хочу заметить, что по мере настраивания кнопок, справа можно увидеть, как они будут отображаться в браузере или на мобильном устройстве.

Пример расположения кнопок "поделиться в соцсетях"

А слева идут сами настройки. И первым делом отметим социальные сети, в которых мы желаем делиться контентом своего сайта. Ещё социальные сети — для открытия полного списка.

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

Выбор социальных сетей в настройках плагина UpToLike Social Share Buttons

Мобильный вид — обязательно активируем пункт адаптации для мобильных устройств.

Настроить социальные сети — открываем и также выбираем самые популярные сети.

Мобильный вид - выбор соцсетей для смартфона в настройках плагина UpToLike Social Share Buttons

Дополнительные настройки:

  • Цитирование — при выделении части текста появляется кнопка «поделиться».
  • Кнопка «Наверх» — позволяет подняться наверх страницы.
  • Отключить кнопку «…» — это как раз то, о чём говорилось выше. Я не стала отключать кнопку дополнительного выбора соцсетей.
  • Показать всплывающее окно с предложением подписаться — если у вас есть группа в соцсетях, можете активировать эту опцию. Тогда появится форма для заполнения данных группы.

Дополнительные настройки расположения виджета UpToLike Social Share Buttons

Расположение блока:

  • Боковая панель — слева, справа, сверху или снизу.
  • В контенте — горизонтально или вертикально.

Здесь можно экспериментировать и сразу же оценивать результат справа. Я выбрала вариант боковой панели снизу.

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

Внешний вид в настройках плагина кнопок "поделиться в соцсетях"

А ниже есть возможность подключить счётчик общий или раздельный. Или не показывать его вовсе.

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

Стиль кнопок расшаривания в соцсетях в настройках плагина UpToLike Social Share Buttons

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

Помимо этого, можете поиграть с фоном кнопок, цветом текста и фоном счётчика. А также задать размер его текста.

Далее сохраняем изменения и переходим сразу в третью вкладку настроек виджета UpToLike.

Настройки

В этом разделе мы определим настройки отображения блока UpToLike:

  • Главная страница
  • Статические страницы
  • Страницы записей
  • Страницы архивов
  • Специальные страницы

Я отметила галочками все эти пункты.

Настройка отображения блока кнопок "поделиться в соцсетях" в плагине UpToLike Social Share Buttons

А справа вы можете увидеть инструкцию по вставке шорткода для вывода кнопок расшаривания в месте на ваш выбор. Возможно, у вас будут какие-то свои предпочтения. Тогда копируете этот код:

<?php echo do_shortcode(««); ?>

Затем проходите в файловый менеджер и выбираете какой-либо файл с расширением php, чтобы вставить в шаблон своей темы WordPress. Но делать это не обязательно.

Либо второй вариант — текстовый редактор. Вставляете код uptolike, заключённый в квадратные скобки. 

Настройки виджета кнопок "поделиться в социальных сетях" на сайте Вордпресс

Расположение блока — только снизу или только сверху.

Выравнивание блока — по левому краю, правому или по центру.

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

Язык — выбираете свой.

Сохраняем настройки и переходим во вторую вкладку.

Статистика

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

График статистики в настройках плагина UpToLike Social Share Buttons

Сперва, конечно, у вас будет пусто. Но на следующий день уже можете любоваться графиком в этой вкладке настроек UpToLike.

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

Ну а на этом всё. Думаю, вы оцените популярный виджет кнопок UpToLike Social Share Buttons по достоинству. До новых встреч! 😉

Также очень советую вам установить бесплатный модульный плагин iThemes Security для всесторонней защиты своего сайта. Просто отличная и необходимая вещь!