Меню
Назад » » »

Кнопки Поделиться на сайт настройка


Установка и настройка кнопок Поделиться для сайта

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

Кнопки Поделиться на сайт

 Чем же хорош набор именно этих Социальных кнопок? Начнём с того, что данный конструктор предоставляет несколько вариантов социальных сервисов.

 Кнопки "Поделиться" лишь один из них! После Регистрации в Usocial Вам станут, также, доступны такие возможности как:  Кнопка «uLike»;  Социальный замок; Привлечение посетителей.  

 Сервис  Usocial предоставляет возможность установки на Ваш сайт как безплатной  версии своих продуктов, так и Pro - вариантов, то есть за денюжку.

Я расскажу именно о безплатном вариант Кнопок Поделиться соц бара Usocial.

 Первое что нужно сделать - это Зарегистрироваться на сайте Usocial

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

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

 В общем выбирайте какой вариант для Вас предпочтительней и вперёд!

Я начну знакомить Вас с сервисом кнопок Поделиться от Usocial именно с процесса регистрации

Кнопки Поделиться в соцсетях Регистрация в сервисах

 Вы можете создать новый аккаунт в системе или авторизоваться при помощи учётной записи в одной из соцсетей, в которой она у Вас, уже, есть:

Регистрация в сервисе социальных кнопок Поделиться

 Итак Вы, успешно, вошли в систему.

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

Создать набор кнопок Поделиться

 После нажатия на ссылку "Создать набор" Вы попадёте на страницу на которой сможете выбрать необходимые Вам кнопки социальных сетей или один из сервисов:

Наборы кнопок Поделиться

Выбор кнопок социальных сетей

Сервисы социальных сетей

 Как видите выбор инструментов, для раскрутки Вашего сайта в соцсетях, довольно велик. При желании Вы можете задействовать на своём сайте весь арсенал средств от Usocial

 Так как основная цель этой статьи рассказать и показать Вам как создать набор кнопок Поделиться для Вашего сайта, то этим я и займусь, более, плотно.

 А о остальных сервисах от Usocial я, возможно, расскажу в своих следующих статьях.

Поэтому кликаем на ссылку "Создать набор" под сервисом "Поделиться" или на саму картинку:

Создание набора кнопок поделиться для сайта

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

 Выбирайте хоть все, но учтите, что, в этом случае, блок кнопок Поделиться займёт довольно много места на Вашем сайте!

 Так что не забывайте про здравый смысл и не поддавайтесь искушению обвесить Ваш сайт по максимуму различными кнопочками и прочими "фишками". Берите, только то, что Вам реально необходимо:

Создание набора кнопок Поделиться в соцсетях

Кнопки Поделиться для сайта

 После того как Вы определились с кнопками соцсетей, которые будут представлены в Вашем наборе блока Поделиться, пора приступить к настройке внешнего вида и функциональности данного набора.

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

Ознакомьтесь с возможностями конструктора кнопок Поделиться для сайта

 Я представлю Вам беглый обзор всех доступных настроек, как в платном, так и в безплатном вариантах:

 1. Эффекты при наведении курсора на кнопку. В безплатном варианте соцкнопок анимация отсутствует. Зато доступны для выбора форма и стиль кнопок, а, также несколько вариантов цветового и стилистического оформления созданного Вами набора:

Настройка кнопок Поделиться для сайта

 2. Далее Вам предоставляется возможность выбора местоположения кнопок для сайта "Поделиться в соцсетях" и их размера. Помните, что Вы, всегда, сможете изменить эти настройки в будущем. Поэтому, смело, экспериментируйте для достижения нужного Вам результата:

Настраиваем кнопки Поделиться в соцсетях

 3. На следующем этапе настройки Вы можете выбрать варианты отображения счётчиков "расшаривания" Ваших материалов и их местоположение относительно кнопок.

 Также, если на Вашем сайте, до сих пор, не установлена такая полезная штука как Кнопка "Наверх", Вы можете, прямо сейчас, "прицепить" её к Вашему блоку Поделиться.

Ваши посетители, несомненно, будут благодарны Вам за подобный сервис, особенно, если страницы Вашего сайта довольно длинные. Как на моём сайте, к примеру:

Настройка социальных кнопок для сайта

 4. Ещё, дополнительные, настройки кнопок:

Настраиваем блок кнопок Поделиться в соцсетях

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

Настраиваем кнопки Поделиться

 Далее нажимаете на кнопку "Сохранить код" внизу страницы настройки.

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

 О том как и куда вставить код кнопок я расскажу в статье Как добавить кнопки Поделиться в соц - сетях на свой сайт

Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Мой блог на платформе blogspot.ru: Делаем сайт с нуля

Моя группа в Фейсбук: Пошаговое создание сайта с нуля

Сообщество Google +: Делаем сайт самостоятельно

Блог в SKIES: Делаем сайт с нуля самостоятельно

Страничка в соцсети Твиттер: Сайт своими руками

Дневник в liveinternet: Создание и продвижение сайта самостоятельно

Дневник в diary.ru: Уроки по созданию и раскрутке сайта и интернет магазина


Если Вам помогли мои уроки, по созданию и продвижению сайта, Вы можете сделать, добровольный, благотворительный взнос для поддержки моего проекта делаем-сайт.com

Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно,  доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : ) 

 Мой кошелёк в Яндекс Деньги

Удачи в создании и продвижении собственного сайта или интернет - магазина!

Пока никто не добавил свой комментарий к уроку.
Будьте первым, поделитесь мнением о статье с остальными.
avatar