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

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

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

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

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

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

Сервисы социальных кнопок

1. Блок «Поделиться» от Яндекса.
Из плюсов я могу назвать только приятный внешний вид кнопок.
Но на этом и все. Внешний вид кнопок менять нельзя, вертикальное отображение настраивать так же нельзя. Только горизонтальное.
Ко всему прочему набор доступных социальных сетей маловат, хотя все самые популярные в нашей стране есть.
Этот виджет от Яндекса удобен лишь тем, что статистику по данному блоку передает в Яндекс Метрику.

Block-Share-Yandex
Социальные кнопки от Яндекса


2.
Сервис кнопок социальных сетей и закладок — Share42.
Из преимуществ отмечу то, что скрипт не включает в себя никаких внешних ссылок, т.к. работает на JavaScript, и поисковикам не виден.
Код скрипта максимально оптимизирован (как заявлено официальном сайте), поэтому время загрузки страницы не увеличивается, и сами кнопки грузятся быстро. Проверял, действительно так.
Количество кнопок соц. сетей и сервисов насчитывает 43. Некоторые из них я вообще первый раз встречаю.

К недостаткам я бы отнес малое количество настроек. Они не достаточно гибкие.
Внешний вид кнопок не настраивается. Тоже только один вариант.

Share42-buttons
Share42 — кнопки

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

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

Все это говорит не в пользу привлекательности Share42.

Share42-buttons-socia-bookmarking-and-networking
Share42 — кнопки социальных закладок и сетей

 

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

Большой набор доступных сетей и сервисов для расшаривания, более 30. Девять стилей отображения кнопок на сайте и три варианта их размеров.

Pluso-buttons
Pluso — кнопки

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

Pluso-buttons-social-networks
Pluso — кнопки социальных сетей


4.
Сервис социальной активности UpToLike.
Не так давно наткнулся на этот сервис и после детального знакомства с ним понял, что на сегодняшний день, на мой взгляд, это лучший подобный сервис, который предоставляет инструмент привлечения трафика на сайт из социальных сетей.
Этому есть много причин.

Доступно более 25 кнопок сетей и сервисов. Несколько вариантов расположения виджета на странице. Три варианта размера и формы кнопок, а так же стилей при наведении. И многое другое.
Кнопка «наверх», при клике на которую страница скроллится обратно к заголовку. Очень удобно.

Uptolike-setting-buttons
Uptolike — гибкая настройка кнопок

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

Uptolike-citirovanie-chasti-texta
Uptolike — цитирование части текста

Но и это еще не все.  У UpToLike есть функция Following, которую можно активировать отдельной галочкой в настройках. Такого у других сервисов я не встречал. В своем роде это уникальная опция.
Работает она следующим образом: если пользователь поделится с какой-нибудь записью на сайте, ему там же на странице посредством появляющегося всплывающего окошка будет предложено стать участником группы или паблика сайта в социальной сети. Предварительно конечно нужно указать в сервисе нужные социальные сети и ссылки на группы в них.
Таким образом можно дополнительно наращивать число Ваших подписчиков.

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

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

Вообще UpToLike — это сервис, собирающий статистику социальной активности пользователей на сайте. В связи с этим его вполне можно использовать и как полноценный инструмент СЕО анализа. И он достоин отдельного обзора.
Чтобы получить доступ к статистике по своему сайту, необходимо пройти простую регистрацию.

И последняя новость для тех, у кого сайт на движке WordPress.
UpToLike предлагает свой плагин для сайтов на Wordpress. Но в нем доступны только «share кнопки.

Uptolike-wordpress-plugin
Uptolike — настройки плагина в wordpress

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

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

Кнопки социальных сетей на сайте: 5 комментариев

  1. Спасибо, за статью!
    Как и просили, делюсь информацией:
    новый сервис кнопок социальных сетей: https://usocial.pro/
    Свежие, с чистым кодом, и красивым дизайном!
    Прочесть подробнее информацию по основным плюсам можно тут: usocial.pro/whyus
    А еще там есть лайк кнопка, всплывающие окошки и дебаггер!

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *


три + 7 =

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>