Социальные сети

В статье рассмотрим новый функционал настройки соц.сетей.

Для этого перейдите в пункт меню "Настройки"->"Социальные сети" (рис.1), откроется страница с тремя вкладками "Социальные сети", "Социальные виджеты" и "Виджеты коммуникаций".

Рисунок 1.

• Социальные сети - Сообщества в соц сетях
• Социальные виджеты
• Виджеты коммуникаций

Социальные сети - Сообщества в соц сетях

На вкладке "Социальные сети" в полях настроек "Сообщества в соц.сетях" достаточно поставить галочку социальных сетей, которые вы используете и в строке прописать ссылку на группу в соц.сетях.
Рассмотрим на примере социальной сети VK и Яндекс.Дзен (рис.2).

Рисунок 2.

Заметка

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

Внимание

Иконки соц.сетей будут подгружаться автоматически в зависимости от выбранной соц сети. Свои иконки загружать возможности нет.

В клиентcкой части это выглядит так: (рис.3).

Рисунок 3.

Социальные виджеты

Для размещения виджетов необходимо перейти на вкладку "Социальные виджеты", поставить галочку в строке, виджет которого планируете разместить и в открывшемся поле вставить код виджета (рис.4).

Рисунок 4.

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

Внимание

Если ранее уже использовался виджет через статический блок, его лучше удалить, так как заменятся виджеты не будут. Таким образом, в клиенсткой части будут отображаться 2 одинаковых виджета.

В клиенткой части без изменений, блок с виджетом находится на прежнем месте (рис.5).

Рисунок 5.

Ниже рассмотрим какие виджеты можно разместить:

• Вконтакте
• Facebook*
• Twitter
• Telegram
• Одноклассники
• Youtube
• Instagram*

Вконтакте

Заметка

Для настройки виджета ВКонтакте достаточно указать ссылку на группу на вкладке "Социальные сети" (только для ВКонтакте). При указании ссылки будет выведен стандартный виджет, заложенный в движке.

Если необходимо нестандартное отображение виджета (например, другие цвета в нем), то для генерации кода виджета следует использовать инструкцию, доступную по ссылке.

Facebook*

Как создать виджет Facebook* ознакомьтесь в инструкции.

Twitter

Для того, чтобы добавить виджет Twitter перейдите на страницу:https://publish.twitter.com/.

1. Введите URL-адрес ленты или момента, который вы хотите встроить на сайт;

2. Выберите подходящий дизайн для вашего веб-сайта;

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

Рисунок 6.

В клиенсткой части виджет отображается как на рис.7

Рисунок 7.

Telegram

1. Создайте чат или канал в Telegram. Чат необходимо сделать публичным, для этого перейдите в настройки чата в раздел "Тип группы". Так же в данном разделе укажите адрес, который начинается с t.me/ - это будет имя канала, которое нужно указать далее(рис.8). 

Затем пригласите в созданный чат бота @tgwidgetgroup_bot.

2. Для того, чтобы добавить виджет Telegram на сайт перейдите на страницу:https://tgwidget.com/.

3. Необходимо зарегистрироваться и добавить канал (рис.8).

Рисунок 8.

4. Выбрать нужный виджет и добавить его на сайт (рис.9).

Рисунок 9.

Например, виджет под номером 2 будет отображаться на сайте следующим образом:

Рисунок 10.

Одноклассники

Как создать виджет Одноклассники ознакомьтесь  в инструкции.

Youtube

Настроить виджет Youtube можно через инструмент google developers. Перейдите по ссылке:https://developers.google.com/youtube/youtube_subscribe_button.

В поле ID канал впишите id канала, далее выбираете макет, фон и копируете код, который необходимо разместить на сайте (рис.11).

Рисунок 11.

В клиенсткой части виджет отображается как на рис.12.

Рисунок 12.

Заметка

ID канала можете взять в настройках канала Youtube, либо в строке браузера как показано на рис.13.

Рисунок 13.

Instagram*

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

Социальные виджеты

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

Все готово. Мы рассмотрели как добавить виджеты социальных сетей на сайт. 

* Facebook и Instagram принадлежат компании Meta, чья деятельность запрещена на территории России с 21 марта 2022 года.