Как установить кнопки социальных сетей на сайт


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

Оглавление:

  1. Плюсы кнопок социальных сетей для сайта от сервиса UpToLike.
  2. Как установить кнопки социальных сетей UpToLike.
  3. Видео по теме.

 

Устанавливаем кнопки социальных сетей на сайт UpToLike

Не буду вам рассказывать, почему важно эти заветные кнопочки разместить на страницах вашего сайта, вы это отлично и без меня знаете. Одним словом они помогают продвижению нашего бизнеса в Интернете. Лучше немного расскажу предысторию, почему именно остановилась на плагине для WordPress «Uptolike Share Buttons».
 
Ещё несколько дней назад на моём блоге с помощью скрипта были установлены кнопки «Share», но после последнего обновления WordPress до 4,01 они пропали =) Да, как будто их никогда и не было. Честно говоря, мне надоело копаться в файлах темы после каждого обновления, поэтому решила установить многофункциональный плагин для WordPress «Uptolike Share Buttons». Почему именно этот плагин, читаем дальше.
 

Плюсы кнопок социальных сетей для сайта от сервиса UpToLike

  • 1. Модуль «Социальные кнопки» позволяет выбрать кнопки наиболее популярных и полезных социальных сетей.

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

  • 2. Социальные кнопки со счётчиком и подробной статистикой.

 
Можно посмотреть статистические данные по всем действиям на блоге. Статистика доступна в личном кабинете прямо в админке блога. Для этого всего лишь необходимо перейти во вкладку «Статистика» и посмотреть сколько посетителей просмотрели ваши страницы и главное, какие (URL) + сколько раз расшарили их в соц. сетях (каких) за неделю, месяц, 24 часа. Единственное жалко, что нельзя посмотреть кто :)
 

  • 3. Есть возможность расшаривания отрывка текста в социальных сетях.

 

  • 4. Возможность подписаться на вашу группу в социальных сетях или канал на YouTube, с помощью всплывающего окна. Где можно отредактировать название и описание призыва.

 

 

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

 

Как просто установить кнопки социальных сетей UpToLike

 

 
На самом деле ничего сложного.
 

  • 1. Для начала, надо установить и активировать плагин «Uptolike Share Buttons» в админке сайта. Не буду вдаваться в подробности, если у вас есть сайт, значит, умеете устанавливать плагины. Слева, появится надпись «UpToLike», жмём на неё и переходим к настройке виджета.
  •  

  • 2. Друзья, настройку плагина я делала в три этапа.
  • Первый этап переходим во вкладку «Конструктор». Здесь в основных настройках выбираем расположение кнопок, со счётчиком или нет, а также подключаем дополнительные возможности, о них ниже:
     
  • а) Цитирование — это расшаривание отрывка текста  в социальных сетях. Попробуйте выделить какое нибудь предложение в тексте статьи!
  • б) Following — приглашение в свою группу или канал на YouTube, после расшаривания. Кстати, приглашаю.
  • в) Добавление кнопки «Наверх».

Все эти дополнительные опции активируйте на своё усмотрение.
 
UpToLike_виджет_социальных_сетей
 

Далее, в этой же вкладке происходит настройка и выбор кнопок социальных сетей. Просто отмечаем нужные флажком. Чтобы поменять их расположение в виджете, достаточно подвести курсор к иконке соц. сети, она выделится серым цветом и справа появятся три полосочки (на скриншоте ниже можно это увидеть). Вот, именно к этим полосочкам подведите курсор и путём перетаскивания установите иконку в выбранном месте.
 
В настройке стилей, выберите цвет, форму, фон и эффекты для иконок соц. сетей. Смотрите скриншот.

 

выбор_социальных_сетей_Uptolike

 

Идем, дальше.
Если в основных настройках вы активировали дополнительную функцию Following, то смело выбирайте в какие ваши группы в социальных сетях плагин UpToLike порекомендует присоединиться, после расшаривания.
Затем, подкорректируйте заголовок и описание приглашения. Не забудьте нажать «Сохранить изменения».
 

настройки_Follow-для-кнопок-соц.-сетей

 

  • 3. Теперь, переходим сразу к третьему этапу. Для этого переходим в последнюю вкладку «Настройка».

Выбираем на своё усмотрение расположение блока кнопок соц. сетей. Смотрите скрин.

 
UpToLike_виджет_социальных_сетей_настройка

 
Идём, идём дальше. Остался последний этап настройки, надо получить ключ к статистике социальной активности. Для этого во вкладке «Статистика» нажимаем «Запросить ключ», вводим свой email. Далее, переходим в свой указанный почтовый ящик, копируем секретный ключ и вставляем его в предложенную форму «Вставить ключ».
 

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

Советую посмотреть небольшой видеоподкаст, о том как быстро установить кнопки соц. сетей на сайт.
 

 

P. S. Комментируйте, задавайте вопросы, делитесь полученной информацией в социальных сетях. Желаю, всем хорошего дня и отличного настроения! С уважением, Ольга.
 

Что прочитать полезного и релевантного:

 
Друзья, проверьте кнопочки, вдруг они не работают.

Обсуждение (30)
  1. Василий:

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

    Написал об этом разработчикам. Обещали быстро исправить, но так ничего и не сделали...

    • :

      Василий, здравствуйте. Плагин «Uptolike Share Buttons» у меня работает пока отлично.

      • Василий:

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

        • :

          Спасибо, Василий за дополнение. Извините, что поздно ответила, просто сейчас плотно занимаюсь своим вторым проектом.

  2. Рита:

    Оля, сегодня узнала еще один способ установления кнопок и познакомилась с еще одним плагином. Я установила свои через сервис Pluso c помощью кода. Нужно идти в ногу с интернетом, поэтому благодарю тебя за очень подробный видеообзор! Желаю Удачи и Успехов в продвижении блога!

  3. Надежда+Давыдова:

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

    • Василий:

      Надежда, так по этим кнопкам кто-то клацает и о вашей статьи узнают в соц.сетях. Эти кнопки для посетителей вашего сайта. Чем больше соц.сетей, тем лучше.

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

  4. Азик:

    Олия, привет!!!))) Интересный обзор плагина!!!

    А что за второй проект? Женский блог?)

  5. Рита:

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

    • Олия:

      Рита, я разберусь с этим вопросом. В Яндекс всё по прежнему, подтверждение прав не изменилось.

      • Юрий Йосифович:

        Это радует, а то постоянные эти изменения — не очень хорошо. Меня гугл уже 3 раза отправлял подтверждать авторские права по непонятным причинам.

  6. Сергей:

    По описанию, многофункциональный плагин. Для многих он подойдет. Но я лично не сторонник социальных плагинов. Едят они не слабо. Особенно если есть функция по сбору статистики. Некоторые плагины эту стату заносят прямо в базу данных. Поэтому решил отказаться от плагинов и перейти на простой вариант от Яндекса. В принципе, обычным людям, не занимающихся SMO его хватает вполне.)))

    • :

      Сергей, так значит ты категорически против плагина Uptolike Share Buttons. От Яндекса кнопочки такие маленькие, я их со своим зрением вообще не вижу=))) Как их увеличить...Пойду посмотрю на твои кнопочки...

      • Сергей:

        Оля, мне этот плагин ни к чему. В социалках я не продвигаюсь, поэтому хватает и простого варианта.

        Да, кнопки немного мелковаты. Что поделаешь. Но кто захочет, тот найдет и обязательно нажмет на кнопку. Это факт!

        • :

          Сергей, пусть у меня пока постоят эти кнопочки=) Понаблюдаю, потом может опять скрипт поставлю.

          • Сергей:

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

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

            • :

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

  7. Слава:

    Привет, Оля! Не знал что у сервиса uptolike.ru ещё и плагин есть. Сервис вообще классный, можно статистику смотреть, не думал что кто-то по этим кнопка кликает, я ошибался)))

  8. Поля Радость:

    Олия, благодарю за полезный плагин. Как раз на днях задумалась о том, что пора поменять мой старенький, а то он частенько сбои дает. Сейчас попробую Uptolike Share Buttons

  9. Елена:

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

Поделитесь своим мнением

Навигация

Следующая статья:

Есть вопросы по теме статьи. Давайте обсудим их в комментариях.