Рубрики

Урок 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 на данной странице. 🙂

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

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

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

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

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

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

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

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

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

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

  2. MakLeR
    http://iswan.ru

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

    • MakLeR
      http://iswan.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  5. Rusfetische

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

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

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

  6. PITON
    http://bez-buhla.ru

    Вообще бомба этот плагин судя по описанию!!! Петя, и где ты их только выискиваешь? )))

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

      Ты попробуй на деле, а не только “описание”. 🙂 Плагин действительно шикарный. Вот еще не отображался бы при маленьких разрешениях экрана, а то немного перекрывает текст, если читать с мобильного. Написал разработчикам, обещали подправить.

  7. Элина
    https://philosoff.net/

    Спасибо за ликбез, я лично пользуюсь плагином Social Share Buttons.

  8. Максим

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

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

      Так уберите другой плагин и все, проблема решена.

      • Максим

        Другой плагин мне нравится тем, что он добавляет социальные кнопки сразу после статьи.
        А UpToLike это делает только после блока “Похожие записи”
        Как переместить?

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

        • Максим

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

          Спасибо.

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

            С помощью плагина выводили?

          • Максим

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

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

            А, ну тогда понятно. Можно так поступить тоже.

  9. Павел

    наконец-то годная статья!

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

      Благодарю, Павел 🙂

  10. Артём Черкасов

    А у меня просто скрипт плавает с 4 основными соц сетями, а в конце статей кнопочки от плюсо =)

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

      Тоже решение 🙂

  11. Лариса
    http://shkolarobinzona.ru

    Петр, ты пропустил ме в слове размещении_ Простота в разщении социальных кнопок. Не нужно добавлять на блог какой-либо код! . Статья очень полезная, давно искала плагин без лишних ссылок.

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

      Где и что в тексте пропустил? Подскажите, пожалуйста, более подробно? 🙂

      • Лариса
        http://shkolarobinzona.ru

        В начале текста , 3 абзац, где начал описывать Преимущества плагина Uptolike Share Buttons. Хотя кому надо, тот и так поймет. Просто подсказать хотела.

  12. Андрей
    http://www.5starsplus.com

    Пётр приветствую тебя. Благодарю за шикарный обзор и хочу задать тебе вопрос: “К примеру, этот плагин установлен сегодня. Предыдущая статистика на кнопках будет отображаться (то количество расшариваний, которое было до установки плагина (пользовался сервисом Share42)?
    Заранее благодарю за ответ!!!

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

      Будет отображаться цифры (количество общих расшариваний) только, по-моему. А детальная статистика не сохранится. У меня цифры показываются правильно.

      • Андрей
        http://www.5starsplus.com

        Спасибо, Пётр. На выходных потестирую.

  13. Михаил
    https://Inewscast.ru

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

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

      Это да, написал разработчикам, чтобы не отображалось при маленьких разрешениях. Надеюсь, подправят скоро.

  14. Андрей
    http://www.5starsplus.com

    Доброй ночи!
    Пётр, победил и я эти кнопки. Правда, через плагин не захотели активироваться, я их создал на их сайте и вставил код (статистика работает, пока полёт нормальный). Понаблюдаю парочку дней, пока всё нравится. Ещё раз, огромное тебе, Пётр человеческое спасибо!!!

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

      Пожалуйста, Андрей. Обращайся, чем смогу – помогу.

  15. Артем
    http://natadavydova.ru

    Спасибо за статью.
    Вы написали в “Минусы”, что нельзя убрать кнопку ‘троеточие «Еще больше социальных сетей»’.
    Это не так. Я потратил 5 минут и убрал отображение этого “троеточия”. Остались только ярлыки соц.сетей. Правится в коде скрипта.

    • Валерий

      а можете подробнее рассказать где править этот скрипт,что там удалить или изменить?

      • Валерий

        сам нашёл правда не за 5 минут,-меняем false на true и нет кнопки с троеточием!

  16. Владимир

    Петр, добрый день!
    Подскажи, почему ты убрал эти социальные кнопки с сайта, если не секрет?)
    Да и, замерял ли ты как-то, насколько плагин “грузит” сервер и влияет на скорость загрузки?
    На данный момент активных у меня 11 штук. Провожу очень жёсткий отбор… Поэтому думаю, стоит ли ставить или нет (из соображений оптимизации). Так как социальные кнопки есть в самой теме сайта. Но они мелкие и почти прозрачные – мне это не очень нравится.

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

      Я предпочел вывести стандартные кнопки непосредственно от самих социальных сетей. Где-то вывожу эти соц. кнопки. Тут на вкус и цвет.

  17. Макс Каримов

    Пётр, спасибо за плагин. Супер!!!

  18. Сергей

    А как этот плагин удалить теперь? Он в мобильной версии сидит и уходить не хочет.

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

      Скорей всего в мобильной версии шаблона у вас остался код.

Добавьте свой комментарий
Добавить комментарий