Рубрики

Урок 318 Uptolike Share Buttons: очень простой способ вывода социальных кнопок на WordPress с детальной статистикой по кликам на них

Петр Александров
Автор статьи Пётр Александров
46
Время прочтения: 8 мин.

Привет! Помните, я вам рассказывал, как вывести социальные кнопки в конце статей с помощью размещения кодов разных сервисов в виде таблицы? Тот способ хорош, но с одним большим «НО»: вам требуются хотя бы небольшие знания языка HTML. А многие вообще боятся «лезть в код» своего сайта и игнорируют подобные способы. Специально для начинающих и для тех, кто не любит копаться в коде, посвящен сегодняшний урок. Сегодня рассмотрим плагин Uptolike Share Buttons. Да, слева от этой статьи — кнопка данного плагина.

Преимущества плагина Uptolike Share Buttons:

  • Простота в разщении социальных кнопок. Не нужно добавлять на блог какой-либо код! Просто нужно активировать плагин и все.
  • Удобство в регулирования стилей кнопок. Изменить внешний вид можно прямо с админки WordPress. Не нужно вспоминать, где же размещен код и как редактировать его.
  • Статистика по «нажатым кнопкам». Вы можете посмотреть сколько людей и когда «тыкнули» на социальные кнопки. Причем вся эта статистика доступна прямо с админки нашего сайта. Не нужно «лазить» по другим сервисам, как это было, к примеру, с сервисом AddThis.
  • Никаких ненужных внешних ссылок.

Плагин Uptolike Share Buttons

Установка

  1. Сначала Вам потребуется скачать плагин Uptolike Share Buttons и активировать его:
  2. После активации плагина Вы увидите уведомление в верхней части экрана о получении ключа. Для того, чтобы просматривать статистику, кликаем на кнопку «Запросить ключ» и в открывшемся окне «Отправит ключ на Email»:
  3. Проверяете почту, копируете этот длинный код и вставляете в соответствующее место:

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

  1. Переходим во вкладку «Конструктор». Первым делом выбираем расположение кнопок, а также способ отображения количества «расшариваний» (общий или раздельный). По-моему, общий смотрится намного симпатичнее и циферки будут более привлекательными для дополнительных кликов:
  2. Дальше выбираете необходимые социальные сети, которые вам требуются. Заметьте, выбор тут довольно большой. По крайне мере то, что нужно ставить обязательно — точно есть:
  3. Следующий шаг — это «Настройки стилей». Опять же, очень просто настроить следующие параметры: размер кнопки, ее формы, эффект при наведении, стиль, фон кнопок, цвет текста, фон счетчика и размер текста счетчика:
  4. Нажимаем на кнопку «Сохранить изменения». И все! Не нужно добавлять какой-либо код на блог. Все отобразится мгновенно:

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

  1. Первое, что я подумал, это было: «Вот неплохо было бы отсортировать социальные кнопки по своему желанию». Я не поверил, но разработчики даже это предусмотрели. Просто заходим снова в «Выбор социальных сетей» и уже там перетаскиваем кнопки (при наведении на социальную сеть, вы увидите иконку). Первым элементом будет отображаться тот, который расположен первым в левом углу, второй — первым в правом углу, третий — вторым в левом углу и т.д.:
  2. Дальше можно пройти в настройки плагина, там уже можно выбрать, нужно ли размещать блоки виджета на главной. Это актуально, если вы разместили кнопки социальных сетей «горизонтально». Там же можно выбрать отображать сверху или снизу, или там и там:
  3. Очень жаль, что при выводе кнопок слева, она не отображается на главной странице (чтобы расшаривать именно главную страницу). А так я хотел этого.
  4. Также можно вывести кнопку «Наверх». Просто нужно поставить галочку и все!

Кнопка Following

  1. Также помимо кнопок для «расшариваний» можно вывести блок подписки на наши группы или аккаунты в социальных сетях. Для этого, первым делом просто нажимаем на галочку возле «Following»:
  2.  Дальше спускаемся вниз и видим его настройки, сюда вставляем ссылки на свои группы, аккаунты в социальный сетях. Немного удивило еще то, что можно вывести ссылку на свой RSS канал (последняя строчка):
  3. В результате Вы получите что-то вроде этого. Вы не сразу увидите данный блок подписки, он «вылезает», если нажать на какую-нибудь социальную кнопку (например, расшарить в Твиттере):

Цитирование

  1. По умолчанию у вас стоит активной галочка «Цитирование»:
  2. Чтобы увидеть, как работает данный инструмент, попробуйте выделить на своем сайте любой текст, вы увидите всплывающее окошко с фразой «Поделиться»:
  3. Нажав на эту кнопку, мы увидим следующее:
  4. То есть можно «расшарить» цитату автора с ссылкой на данную страницу. Очень удобно. Жаль пока все это не внедрено массово, не все еще знают, что можно подобное использовать.

Статистика

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

По данной статистике можно найти те страницы, которые наиболее активно «расшариваются». Их можно переписать/переделать и опубликовать уже новым постом, тем самым получая «репосты» ваших статей, привлекая новых посетителей на наш сайт.

Минусы

  1. Жаль, что «расшаривание» главной страницы недоступно. Мне эта кнопка очень нужна была.
  2. Также мне не нужна кнопка «Еще больше социальных сетей». Жаль ее нельзя убрать «галочкой» из админки, чтобы не подгружалось лишнее + лишняя кнопка:
  3. Добавили бы еще нечто похожее: А то я немного подустал отвечать на вопросы читателей, как вывести подобный блок. 🙂

Заключение

4.5 баллов из 5.  Очень сильно понравились простота и удобство данного плагина. В скором временем поставлю на остальные сайты. По-моему, из существующих плагинов/сервисов для вывода кнопок расшаривания на WordPress, UpToLike Share Buttons — лучший.

Если вам понравился плагин, прошу вас кликнуть на кнопки плагина UpToLike Share Buttons на данной странице. 🙂

46 комментариев на «Урок 318 Uptolike Share Buttons: очень простой способ вывода социальных кнопок на WordPress с детальной статистикой по кликам на них»
  1. Rusfetische

    А как насчёт установки одного плагина сразу на несколько сайтов? Статистика разделена?

    • Петр Александров Автор статьи
      https://wpnew.ru

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

  2. Имя здесь;D

    Где отчет по инвестированию?

    • Петр Александров Автор статьи
      https://wpnew.ru

      Аноним, ты прям предсказатель 🙂 По плану выходит завтра 🙂

    • Петр Александров Автор статьи
      https://wpnew.ru

      Лови ссылку https://wpnew.ru/kak_zarabotat_v_internete/razdel-7-investicii/7-otchet-2-000-pamm-scheta.html 🙂

  3. Влад
    http://adzi.ru

    Петр, как считаешь, нужно ли закрывать в nofollow ссылки на соцсети и rss от feedburner. Я вот закрыл на новом сайте, который еще не запустил, а теперь думаю, а зачем? Ссылки ведь на супер авторитетные ресурсы. Хотя, помню, когда-то Мэтт Катс с Google (так его кажись?) говорил в интервъю, что все исходящие ссылки, которым не хочешь передавать вес, следует закрывать.

    • Петр Александров Автор статьи
      https://wpnew.ru

      Уже необязательно закрывать. Я вообще внешние ссылки не закрывал бы, если бы я не продавал ссылки. Требования ссылочных бирж, не больше N исходящих внешних ссылок.

      По поводу утекания веса: вам жалко веса для Контактов и т.п.? Они авторитетные. Даже, если вы ставите ссылку в nofollow вес утекает, просто в никуда. А если она открытая вы ничего не теряете, только «получатель» получает + ко всему этому вы ссылаетесь на авторитетный ресурс, что точно ничего вредного не принесет.

      Закрывать все ссылки, используя nofollow было актуально раньше. Сейчас практически нет смысла, кроме тех случаев, который я описал выше и, если вы ссылаетесь на сомнительный сайт, ну или не совсем по теме, который. Вы, используя rel=nofollow, говорите поисковикам, что мол «я не знаю, что за там сайт, он не проверенный и может быть сомнительный».

  4. MakLeR
    http://iswan.ru

    Надо попробовать отредактировал файлы плагина и убрать лишние кнопки =)

    • MakLeR
      http://iswan.ru

      *отредактировать
      P.S. Две кнопки «наверх» как-то не айс)

      • Петр Александров Автор статьи
        https://wpnew.ru

        Кнопку «наверх» вторую убрал. 🙂 Если вдруг отредактируешь, дай знать. 🙂

  5. Александр Красильный

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

    • Петр Александров Автор статьи
      https://wpnew.ru

      Тестировал, забыл убрать 🙂

      • Александр Красильный

        Как по мне так кнопка «наверх» которая была слева, смотрелась лучше. Так же заметил фишку, что при нажатии правой кнопки «наверх» в адрес добавляется ссылка на id=»top», вот так «https://wpnew.ru/sozdanie-bloga/razdel-4-plaginy/uptolike-share-buttons.html#top».

        Это скорее всего скрипт правой кнопки «наверх» так устроен. А вот в левой версии изменения адреса при нажатии не было, что по мне кажется чуток лучшим вариантом.

        • Петр Александров Автор статьи
          https://wpnew.ru

          Левая — практически незаметная… 🙁 Поэтому решил пока убрать. Она сливается с остальными кнопками, некоторые могут не догадаться… Я так думаю, поэтому пока убрал левую.

Добавить комментарий
Ваш адрес email не будет опубликован. Обязательные поля помечены
Нажав на кнопку «Отправить комментарий» вы принимаете соглашение на обработку персональных данных.
Подпишитесь на бесплатные уроки по e‑mail и получите книгу в подарок
Нажав на кнопку «Подписаться» вы принимаете соглашение на обработку персональных данных.
Книга по SEO