Создание набора кнопок популярных соцсетей

В жизни современного сайта важную роль играет взаимодействие с социальными сетям. Соц.сети позволяют:

• собирать “лайки” и “сердечки” для своих статей
• делиться ссылками на страницы сайта с интересным контентом
• привлекать внимание посетителей к материалам, которые набирают большое количество социальных оценок

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

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

В этой статьей вы узнаете, как установить себе кнопки на сайт с помощью сервиса uSocial. Перейдите по ссылке https://usocial.pro/share и продолжайте читать статью.

1. Какие социальные сети выбрать?

В настоящее время очень популярны ВКонтакте, Facebook, Twitter. В зависимости от аудитории сайта могут хорошо работать Google+, Одноклассники, Мой Мир, LiveJournal, LinkedIn или Tumblr.

Просто перетащите иконки социальных сетей в левую часть экрана и они будут добавлены в набор:

Конечно, хочется выбрать все соц.сети, особенно, когда не знаешь, какие из них лучше себя проявят. Чтобы не пугать пользователей большим количеством кнопок, используйте “Спойлер”. Поместите его в набор и все иконки, расположенные после него будут видны только после нажатия на пиктограмму с многоточием:

Есть еще кнопки “Закладки” и “Печать”.

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

Кнопка “Печать” может быть очень полезной. После ее нажатия откроется окно, в котором можно изменить содержимое страницы перед отправкой на печать:

Также в этом окне есть возможность сохранения в PDF и отправки на email.

2. Выбор формы и стиля кнопок

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

Сам стиль соцзакладок в бесплатной версии может быть четырех видов:

А в PRO версии еще 18 дополнительных стилей:

3. Выбор способа размещения и ориентации

Сейчас нужно выбрать способ размещения иконок. На выбор пять вариантов:

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

Значки соцсетей могут располагаться в ряд вертикально или горизонтально:

Обычно, если выбрано положение кнопок “слева” или “справа”, то используется вертикальная ориентация. В остальных случаях — горизонтальная.

4. Разместите кнопки на сайте

Найдите внизу страницы https://usocial.pro/share ссылку “Получить код” и разместите полученный код на сайте.

Итог

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

Дополнительно для привлечения внимания к иконкам можно использовать эффекты при наведении:

Они, как и дополнительные 18 стилей пиктограмм доступны в PRO версии. Ее стоимость $9/год. После оплаты можно использовать кнопки на 10 своих сайтах. Все возможности PRO версии uSocial описаны на этой странице https://usocial.pro/get_pro

Остальные возможности сервиса бесплатны и доступны даже без регистрации, просто попробуйте.