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

28.01.2018


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


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

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







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


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


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



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



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


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

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


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


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


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



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

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


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


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

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


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


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

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

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


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


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

1 комментарий:

  1. Кнопочки, это здорово, конечно. Вот только пользуются ими от силы человека полтора, как показывает практика. Никто почему-то особо не ломится куда-то кого-то добавлять.

    ОтветитьУдалить

Kwork.ru - услуги фрилансеров от 500 руб.

Загляните и на другие страницы ^