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

uptolike

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

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

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

Плагин Uptolike Share Buttons

Установка

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

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

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

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

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

Кнопка Following

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

Цитирование

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

Статистика

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

Статистика плагина UpToLike

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

Минусы

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

Заключение

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

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

P.s. Вы хотите увеличить продажи? Тогда вам нужен заказать создание landing page. Знайте, одностраничник под ключ - это доступное удовольствие для раскрутки вашего бизнеса.

С уважением, Пётр Александров.
Подпишитесь на бесплатные уроки

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

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

46 комментариев

по хронологии
по рейтингу сначала новые по хронологии
Александр Красильный http://wpmir.ru/

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

Автор
Пётр Александров http://wpnew.ru

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

Александр Красильный http://wpmir.ru/

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

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

Автор
Пётр Александров http://wpnew.ru

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

MakLeR http://iswan.ru

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

MakLeR http://iswan.ru

*отредактировать

P.S. Две кнопки "наверх" как-то не айс)

Автор
Пётр Александров http://wpnew.ru

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

Влад http://adzi.ru

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

Автор
Пётр Александров http://wpnew.ru

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

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

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

Имя здесь;D

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

Автор
Автор
Пётр Александров http://wpnew.ru

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

Rusfetische http://rusfet.com

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

Автор
Пётр Александров http://wpnew.ru

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

PITON http://bez-buhla.ru

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

Автор
Пётр Александров http://wpnew.ru

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

Элина http://philosoff.net/

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

Максим http://new-finance.ru/

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

Автор
Пётр Александров http://wpnew.ru

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

Максим http://new-finance.ru/

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

А UpToLike это делает только после блока "Похожие записи"

Как переместить?

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

Максим http://new-finance.ru/

Спасибо, уже не надо. Решил проблему.

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

Спасибо.

Автор
Пётр Александров http://wpnew.ru

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

Максим http://new-finance.ru

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

Автор
Пётр Александров http://wpnew.ru

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

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

Автор
Пётр Александров http://wpnew.ru

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

Артём Черкасов http://zarabotka.guru/

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

Автор
Пётр Александров http://wpnew.ru

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

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

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

Автор
Пётр Александров http://wpnew.ru

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

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

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

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

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

Заранее благодарю за ответ!!!

Автор
Пётр Александров http://wpnew.ru

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

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

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

Михаил http://Inewscast.ru

Кнопки хоть и красивые, но с мобильника читать статьи очень тяжело. Они закрывают начало текста:(

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

Автор
Пётр Александров http://wpnew.ru

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

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

Доброй ночи!

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

Автор
Пётр Александров http://wpnew.ru

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

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

Спасибо за статью.

Вы написали в "Минусы", что нельзя убрать кнопку 'троеточие «Еще больше социальных сетей»'.

Это не так. Я потратил 5 минут и убрал отображение этого "троеточия". Остались только ярлыки соц.сетей. Правится в коде скрипта.

Валерий http://adsumtravel.ru

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

Валерий http://adsumtravel.ru

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

Владимир

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

Автор
Пётр Александров http://wpnew.ru

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

Макс Каримов http://unshy.ru

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

Сергей

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

Автор
Пётр Александров http://wpnew.ru

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

Наверх Рейтинг@Mail.ru