Кнопки "Поделиться" с кнопками "вверх", Viber, WhatsApp и sms для сайта

 В удобном конструкторе можно создать социальные кнопки для Вашего сайта или блога. Вместе с кнопками "Поделиться" уже встроена кнопка "Вверх" (можно не включать). А в мобильной версии пользователи смогут отправить ссылку на Ваш сайт в Viber, WhatsApp и по sms! 

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

Кроме того, на сайте сервиса uSocial.pro говорится о его плюсах: 

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

Чтобы создать социальные кнопки, нужно зарегистрироваться на сайте hhtps://uSocial.pro - нажмите в правом верхнем углу кнопку Вход в личный кабинет.

Затем выберите способ авторизации:

Можно войти через соцсети или войти/зарегистрироваться в системе uID:

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

Далее выберите блок Кнопки "Поделиться" -> Создать набор:

На поле предпросмотра перетаскивайте кнопки тех социальных сетей, которые Вам нужны, а также дополнительные кнопки Закладки, Печать, Email. Если Вы выбрали все предложенные соцсети (ВКонтакте, Twitter, Facebook, Google+, Одноклассники, Мой мир, Livejournal, Linkedin, Tumblr, Pinterest, Telegram), тогда кнопку Спойлер можно не перетаскивать.

Выберите форму и стиль иконок: 

• квадратные иконки с закругленными краями, 
• квадратные иконки, 
• круглые иконки.

К сожалению, в бесплатном функционале доступно только 4 варианта стиля кнопок:

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

К кнопкам можно:
- добавить подложку, 
- выбрать свернутое или развернутое состояние бара с социальными кнопками,
- выбрать размер кнопок:  48px, 32px, 24px
- включить отдельные счетчики для каждой кнопки или один общий счетчик.

Самое интересное, что мне понравилось - встроенная кнопка Вверх для сайта. Не нужно будет дополнительно устанавливать какой-нибудь скрипт для неё. (на данный момент в блоге Я сама блоггер кнопку "вверх" от этого сервиса не включила, т.к. уже была установлена кнопка вверх с плавной прокруткой)

Ещё одна фишка - в мобильной версии сайта при просмотре его на смартфоне, планшете и др. устройствах появляются дополнительные кнопки для отправки ссылки на Ваш сайт друзьям через мессенджеры Viber, WhatsApp и по sms

Это реально работает:

Сначала может появиться значок руки, традиционно используемый как кнопка "Класс", при нажатии на которую появляются дополнительные кнопки.

В дополнительных настройках набора дайте ему название (чтобы удобно было статистику отслеживать) и укажите адрес Вашего сайта: 

Затем нажмите Сохранить код.

Скопируйте код и вставьте в код Вашего сайта. Разработчики рекомендуют вставлять его перед закрывающим тегом </body>. 

На Blogger я просто создала новый гаджет HTML/JavaScript (Дизайн->Добавить гаджет) и вставила скопированный код в поде Содержание. Гаджет оставила без названия. Кнопки появились сразу.

Пример фиксированных соцкнопок, прижатых к нижней части сайта:

В личном кабинете uSocial.pro можно видеть список всех наборов и редактировать их.

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