Добавляем кнопки социальных сетей — плагин Uptolike Share Buttons

плагин Uptolike Share Buttons

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

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

В рунете ходит множество анекдотов про соцсети, один из них:

— Что делает современная девушка, расставшись с парнем?
 — Она судорожно размышляет, какой статус написать в контакте, чтоб ему было обидно!!!

Одно несомненно, наличие на вашем сайте сервисов для социальных сетей путь к повышению трафика. Существует множество способов установки кнопок — с помощью разных плагинов и скриптов. Но не все плагины корректно работают, например самый популярный плагин Social Share Buttons конфликтует с плагинами для закрытия внешних ссылок (у меня стоит WP NO External Links). Поэтому он мне не подходит, а использование скриптов требует определенных навыков редактирования кода установленной темы, что не далеко не все умеют, да и после установки скрипта с течением времени даже специалист может забыть куда он его прописал. Поэтому использование плагина в данном случае мне кажется наиболее оптимальным, за пару кликов кнопки соцсетей появятся на вашем сайте.

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

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

Установка Uptolike Share Buttons

Плагин можно скачать с официального сайта - Uptolike Share Buttonsлибо установить из поисковой строки, как устанавливать плагины можно прочитать в мой стать здесь. Мне кажется второй вариант проще, его и рассмотрим. В админке WordPress переходим в раздел Плагины -> Добавить новый в поисковой строке набираем Uptolike Share Buttons, и устанавливаем найденный плагин.

Установка Uptolike Share Buttons

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

Основные настройки

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

Установка и настройка Uptolike Share Buttons

 

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

1. Вертикально и горизонтально — блок с кнопками будет располагаться вертикально или горизонтально в виде полоски непосредственно перед началом статьи или/и после статьи либо одновременно сверху и снизу. Местоположение блока задается на вкладке Настройки 

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

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

4. Цитирование — при выделении фрагмента текста появляется кнопка Поделиться и пользователю предоставляется возможность поделится данным фрагментом текста и ссылкой на данную страницу в любой социальной сети (этих сетей 25 шт.)

Настройка плагина UpToLike

5. Following — дополнительная возможность для пользователя присоединиться к одной из вашей сети после расшаривания страницы в социальную сеть.

6. Кнопка «наверх» — перемещает пользователя наверх страницы, фактически дублирует кнопку вверх, которая есть практически на всех сайтах.

Выбор социальных сетей

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

Настройка UpToLike

Настройка стилей

Можно радикально поменять вид кнопок социальных сетей (все изменения видны в реальном времени):

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

UpToLike Настройка стилей

После всех изменений не забывайте сохранять изменения. 

Статистика

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

UpToLike установка статистики

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

UpToLike анализ и статистика

Положительные отличия от скриптовой установки для WordPress:

  1. Удобнее чем установка скрипта, не надо думать куда его вставлять, и где потом искать (если забыл);
  2. Очень простое изменение в процессе работы — местоположение, внешний вид кнопок;
  3. Удобство пользование статистикой;

Все кто не любит установку плагинов на сайте могут пойти на он-лайн сервис UpToLike и использовать скриптовый вариант, который кстати имеет более широкие возможности.

Рекомендую посмотреть мой видео урок «Добавляем кнопки социальных сетей — плагин Uptolike Share»

А какой плагин для социальных сетей вы используете на своем сайте?

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


Жду Ваших комментариев. Подписывайтесь на обновления блога. Буду благодарен, если Вы поделитесь этим постом в социальных сетях!

Дмитрий Леоновleonov-do.ru

Рекомендую прочитать похожие статьи:

Новости блога Получай обновления первым!



Согласен (-на) с политикой конфиденциальности и обработки персональных данных
  • ответить Александр ,

    Очень нужная статья для блоггера. Кнопки социальных сетей это нужный и обязательный атрибут каждого сайта. Рекомендую как альтернативный плагин с кнопками соц сетей uptolike-share.1.3.4 Можно посмотреть как это выглядит на моем сайте (весьма эффектно). Но у этого плагина есть еще много преимуществ это возможность рейтинга статей и еще мноо другое, если интересно поделюсь, не для установки, а для статьи. И еще на известном сайт появился очень интересный курс «12 рецептов вкусных постов для блога» советую скачать и изучить!

    • ответить Леонов Дмитрий ,

      Александр спасибо за отзыв, Ваш намек про «12 рецептов вкусных постов для блога» понял, пошел на ресурс.

      • ответить Дмитрий ,

        А как вставить текст перед кнопками? Например, «Поделиться ссылкой:»

        • ответить Леонов Дмитрий ,

          Дмитрий не понял вопроса? Текст высвечивается когда курсор наводите на кнопку.

          • ответить Дмитрий ,

            Не получается вклинить текст в конструкцию блока с кнопками, чтобы перед ними (слева) был текст.

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

          • Индекс цитирования