Выбираем лучшие кнопки социальных сетей для сайта
- Обновлено:2017-08-02
- Просмотры:108k
- Отзывы:5
- Рейтинг: 3.1
В Интернете, вероятно, не осталось сайтов, на которых бы не были размещены кнопки для постинга материалов в социальные сети. Последние давно и прочно заняли место в наших жизнях. Мы там общаемся, знакомимся, раскручиваем бизнес, читаем новости и прочее. Полный спектр. Неудивительно, что веб-мастера стремятся расширить присутствие своих сайтов в соцсетях любыми доступными методами. Ведь там лежат тонны потенциального траффика, который нужен абсолютно всем. Поток посетителей – это деньги, репутация, рост. Всё строится вокруг него. Лакомый кусок.
Соцкнопки необходимы, это очевидно. Вопрос в другом – какие выбрать? Мы для вас протестировали ТОП 5 различных сервисов для добавления кода кнопок на сайты. Цель – выявить оптимальный и показать его в деталях. Начнём с отборочного этапа.
Выбор претендентов для сравнения оказался банален – мы взяли самые популярные сервисы, о которых слышал любой человек, сколь-нибудь близко знакомый с темой создания сайтов. Никаких редких, набирающих популярность, только опытные старички.
Состав команды аттестуемых таков:
В результате тестирования выбранных социальных сервисов – лидером оказался uSocial. Теперь вы желаете получить обоснование нашего выбора. Само собой, голословными не останемся.
uSocial – это мощный конструктор социальных кнопок «Поделиться» и «Мне нравится» для сайта. Имеет собственную функциональную кнопку для шаринга uLike, виджет для привлечения посетителей (завлекающее pop-up окно), приложение для ВК сообществ, конструктор мета-данных и инструмент отладки (очистки кэша). Отдельно стоит выделить наличие такой полезной опции как «Социальный замок» позволяет скрывать заданный контент (ссылку, промокод и т.д.) на страницах сайта и предоставлять к нему доступ по истечению определенного времени или при выполнении условия – «Поделиться» сайтом в социальных сетях! Само собой, есть поддержка мобильной версии блока, счетчика репостов/лайков, доступна масса гибких настроек для отображения, а также подробная статистика репостов в личном кабинете. Кнопки можно установить на сайт любого конструктора или CMS: uCoz, uKit, Wix, Jimdo, Wordpress, Joomla и остальных движков.
Приведем некоторые факты, убедившие нас в правильности принятого решения.
Словесного сравнения многим окажется мало. Поэтому мы составили сравнительную таблицу кнопок от uSocial и остальных дебютантов (используемая шкала оценки – от 1 до 5). Все эти данные получены в процессе тестирования.
Категории \ Сервисы | |||||
Дизайн блока/ разнообразие выбора/настройка размеров и расположения | 5 | 2 | 5 | 4 | 5 |
Удобство интеграции | 5 | 4 | 5 | 3 | 4 |
Удобство использования | 5 | 3 | 5 | 4 | 5 |
Наличие счетчиков репостов | |||||
Наличие общего счетчика “Поделиться” | |||||
Возможность сворачивать блок | |||||
Наличие блока кнопок “Мне нравится” | |||||
Чистый код (без фреймов) | |||||
Мобильный вид | |||||
Шаринг в мессенджеры | |||||
Статистика шаринга | |||||
Всплывающие окошки, привлекающие внимание к блоку | |||||
PRO возможности | |||||
Предпросмотр | |||||
Регистрация | нужна | не требуется | не требуется | нужна | нужна |
Надеемся, проведённый анализ смог развеять ваши сомнения в обоснованности нашего выбора. Помимо приятной внешности социальные кнопки от uSocial носят глубокий прикладной характер, являясь довольно мощным инструментом для продвижения любых проектов.
Для размещения социальных кнопочек от uSocial на своём сайте необходимо выполнить несколько простых шагов:
На сайте сервиса и выбираем, какой тип кнопок или набор сервисов будем создавать: кнопки "Поделиться", "Мне нравится", единую кнопку "uLike"; виджет "Привлечение посетителей" или "Социальный замок".
Собираем набор социальных кнопок. Можно выбрать отображаемые сервисы социальных сетей, форму и стиль кнопок.
Премиум пользователям доступны кнопки разных цветов и дополнительные эффекты при наведении. Для настройки внешнего вида доступны следующие опции: положение, размер кнопок, включить отдельные счётчики для каждой кнопки и добавить суммарный счётчик «Поделиться».Здесь же можно активировать кнопку "Вверх", включить поддержку мобильных устройств, подключить сервисы Viber, WhatsApp, Telegram, SMS.
Очень полезной выглядит функция Eye-Catcher - "Ловушка для глаз", призывающая пользователя поделиться страницей в соцсетях.
После завершения всех операций вводим адрес своего сайта и жмём на кнопку «Получить код».
Копируем код скрипта в появившемся окне. Вставлять код нужно на те страницы вашего ресурса, где необходима панель социальных кнопок. Например, в футер перед закрывающим тегом </body>.
После установки соцбара из личного кабинета uSocial можно просматривать статистку лайков и репостов за выбранный период как сразу по всем социальным сетям, так и по выбранным. Данные отображаются в виде понятных графиков или диаграмм.
В личном кабинете uSocial будут храниться все созданные наборы и статистика для сайтов, к которым они были прикреплены. В любое время можно переключаться между сайтами и анализировать полученные со счётчиков данные.
Само по себе размещение кнопок социальных сетей, безусловно, важно, но для повышения эффективности их работы желательно сделать микроразметку под них. Что это такое?
Если при репостинге материала отображается не та картинка и описание, можно вручную посредством специальных мета-тегов, понятных всем социальным сетям, указать на то, что, сколько и как должно отображаться. Если этого не сделать, то в социалках могут отображаться рандомные картинки и описания. Вряд ли вам это нужно.
При корректном заполнении социальных мета-тегов записи будут правильно восприниматься социальными сервисами, ибо в них указан тип материала, релевантный заголовок, ссылка на нужную картинку. Всё это повышает эффективность от репостинга: ваш материал корректно проиндексируется социальными сервисами.
Примеры кода микроразметки для популярных социальных сетей (код нужно прописывать перед тегом </head>):
1. Facebook и Вконтакте используют Open Graph protocol:
3. Для Twitter код выглядит так:
4. Для Google+ так:
Инструменты для работы с микроразметкой:
1. Open Graph Object Debugger — сервис проверки микроразметки и очистки кэша урла для Facebook.
2. Очистка кэша страниц для Вконтакте.
3. Валидатор микроразметки Twitter Cards.
Как видите, процесс добавления микроразметки под социалки технически несложен, но требует внимательности.
Мы задались целью и протестировали вдоль и впоперек 5 известных популярных сервисов для добавления на сайты социальных кнопок. Все они в той или иной мере хороши, но по ряду признаков победителем сравнения был признан Юсошиал. Именно его мы используем на своем сайте и рекомендуем всем!
uSocial – продвинутый и эффективный конструктор для сборки и добавления соцкнопкок на любые сайты. Процесс создания виджета занимает не более 5 минут. Результат получается весьма приятным, а главное – функциональным! Вы сможете просматривать подробную статистику и оптимизировать сайт в соответствии с полученной информацией. Кроме того, соцбар стильно смотрится и качественно собран: чистый код, легковесный, быстрозагружаемый. Никаких лагов или сбоев – панель работает как часы. Выбор редакции в этой категории, в общем.