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

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

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

В одном из предыдущих постов был рассмотрен сервис кнопок социальных сетей от Яндекса. Он по-своему удобный, но не единственный. Поэтому мы рассмотрим сервис uSocial, обладающий более широким функционалом.

Создание кнопок “Поделиться” в uSocial

На странице https://usocial.pro/share с помощью интуитивного интерфейса можно создать свой набор кнопок. Возьмем самый классический набор – ВКонтакте, Facebook, Twitter и Google+.

uSocial

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

Также есть возможность распечатать данную страницу или отправить ее по e-mail.

Для формирования набора кнопок достаточно просто перетащить их на поле слева, это и есть предпросмотр вашего будущего блока.

Здесь вы можете выбрать форму кнопок:

uSocial

Дизайн кнопок:

uSocial

Эффекты при наведении, ориентацию и размещение (горизонтальный блок под контентом или вертикальный сбоку страницы) и размер кнопок:

uSocial

Если стандартных дизайнов и эффектов вам недостаточно, вы можете приобрести pro-аккаунт и использовать все возможности сервиса. Например, pro-дизайны:

uSocial

Также можете подключить счетчики расшариваний. Если вдруг счетчик у кнопки Твиттера не будет работать – не переживайте. Твиттер уже давно отключил доступ к счетчикам твитов.

uSocial

После того, как сделаете все необходимые настройки, просто нажмите кнопку “Получить код” внизу страницы и разместите полученный код в том месте вашего сайта, где необходимо выводить кнопки. Если сайт на WordPress и вы хотите разместить кнопки под постами, то найдите файл типа single.php (может называться и иначе) в папке с вашей темой оформления и добавьте код под постом.

Всплывающее окно вступления в группы

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

На странице https://usocial.pro/public_popup можно создать такое окно. Принцип создания точно такой же, как и у вышеописанных кнопок.

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

uSocial

Внутренняя кнопка “Мне нравится” от uSocial

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

Правда, эта опция доступна только для pro-пользователей, но она реально полезная.

Чтобы добавить такую кнопку, нужно перейти на страницу https://usocial.pro/ulike

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

uSocial

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

uSocial

Что почем

Чтобы использовать сервис на полную, желательно иметь pro-аккаунт. Расценки можете узнать на этой странице – https://usocial.pro/get_pro

Полный доступ стоит 12$ в год, то есть 1$ в месяц.

Экспериментируйте и создавайте кнопки для своего сайта. До встречи на страницах блога snarkfog.net

Адаптивная, SEO подготовленная WordPress тема

Поддержите блог - поделитесь статьей с друзьями:

Подпишитесь на рассылку свежих статей блога:
Подписка на обновления блога