Социальные кнопки позволяют связать ваш сайт с социальными сетями, такими, как Facebook, Вконтакте, Одноклассники, Twitter, Google+, Мой мир, LiveJournal.

 

Подобные кнопки могут быть двух видов:

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

• Кнопки “Like”. Такие кнопки служат социальным доказательством популярности вашего сайта. Когда пользователь видит количество “лайков” под вашими статьями, это повышает доверие к автору статьи

 

Создание набора кнопок

Когда вы решите, какие кнопки вам нужно, выберите их на странице https://usocial.pro нажав кнопку “Создать набор”:

Независимо от выбора, вы попадете на страницу, где нужно будет в режиме конструктора создать блок кнопок. Данная страница разделена на 2 области: предпросмотр (1) и настройки (2):

 

Выберите социальные сети, кнопки которых собираетесь разместить на своем сайте. Просто перетащите их из области настроек в область предпросмотра:

 

Выберите форму кнопок:

 

и стиль:

 

Отметьте необходимые расположение, ориентацию, размер и способ размещения счетчика:

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

 

Дополнительные настройки позволяют отредактировать вид кнопок с мобильных устройств:

Придумайте название набора и укажите адрес сайта, чтобы впоследствии можно было вернуть к просмотру статистики по использованию этих кнопок.

 

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

Установка кнопок на все страницы сайта

Можно быстро установить кнопки на все страницы сайта. Для этого перейдите в панель управления сайтом и выберите в меню Дизайн — Управление дизайном (шаблоны) — Нижняя часть сайта:

 

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

 

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

 

 

 

 

Установка кнопок на страницу новости/статьи

Перейдите в панель управления сайтом и выберите в меню Дизайн — Управление дизайном (шаблоны) — Страница материалов и комментариев к нему:

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

 

В случае, когда выбрано статическое расположение кнопок, необходимо подобрать для них оптимальное положение. При этом ориентируйтесь на переменную $MESSAGE$ (или $DESCRIPTION$ для интернет магазина), которая выводит текст статьи. Обычно кнопки размещает недалеко от нее:

 

После этого не забудьте нажать кнопку “Сохранить” и обязательно проверить результат:

 

Подобные действия необходимо повторить для всех модулей, в которых предполагается вывод кнопок: “Новости”, “Каталог статей”, “Каталог файлов”, “Блог” и другие.