В uKit постарались интегрировать как можно больше виджетов различных соц. сетей. Среди них ВКонтакте, FaceBook, Instagram, Twitter и с недавнего времени Одноклассники.ру. Подключение и настройка Instagram-а была рассмотрена в статье Подключаем и настраиваем виджет Instagram . Сегодня мы рассмотрим виджеты ВКонтакте, FaceBook, Twitter и Одноклассники.ру.

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

Установка виджетов соц. сетей

Установка виджетов всех четырех социальных сетей проходит по одинаковому. Первым делом нужно "перетащить" виджет нужной соц. сети себе на сайт. Элементы находятся в разделе "Социальные". Далее двойным кликом по виджету переходим в его настройки.


В настройках данного элемента нам дают возможность настроить дизайн виджета, его функционал. Например, мы можем сделать в виджете вывод пользователей, подписанных на Ваше сообщество, а можем сделать выод новостей из фида сообщества. Для второго, необходимо поставить галочку у "Новости" в разделе "Настройки". Помимо этого мы можем настроить отображение заголовка виджета (изначально — "Найдите нас на Facebook"), Если выбран вывод участников сообщества, можно настроить отображение аватаров пользователей. Изначально они отображаются. Чтобы выключить отображение аватаров, необходимо убрать галочку у "Показывать лица" в настройках виджета.



В виджете ВКонтакте мы можем настроить его дизайн, комбинируя 4 цвета: белый, красный, черный и темно-белый. Мы можем изменить цвет фона, текста и кнопок. Для отображения Вашего сообщества в виджете, в пункте "Ссылка на страницу" укажите полную ссылку на сообщество (например, https://vk.com/public92839375).



В настройках виджета данной соц. сети мы можем настроить вывод твитов: Твиты пользователя и По ID виджета. Для второго нам необходимо создать уникальный виджет в конфигураторе. Помимо этого, мы можем включить и отключить отображение ответов к твитам (пункт "Показывать ответы"). Что касается внешнего вида виджета, то для выбора доступно три темы: светлая, темная и прозрачная.



Соц. сеть, виджет которой, по максимуму ограничен в возможностях. Мы не можем настроить дизайн, не можем настроить вывод виджета. В его настройках имеется всего один единственный пункт — "Ваш ID группы". Его можно взять в настройках групп в разделе "Основные настройки".

Установка соц. кнопок

Социальные кнопки — это ссылки, ведущие в Ваши сообщества в соц. сетях. Вероятно Вы уже видели нечто подобное на различных сайтах. Для установки виджета, перетаскиваем элемент "Соцсети" (находится в разделе "Социальные") себе на сайт. Изначально, отображаются 4 кнопки соц. сетей: Фэйсбук, ВКонтакте, Твиттер и Одноклассники. В настройках мы можем добавить и удалить кнопку, а так же задать ей ссылку. Для добавления доступно 10 соц. сетей: Фэйсбук, ВКонтакте, Твиттер, Одноклассники, Инстаграм, YouTube, Google +, Mail.ru, LinkedIn и Яндекс. Так же виджет имеет 3 варианта дизайна.