Как добавить внешние комментарии (на примере виджета VK)

Последние изменения: 31.03.2022

Через виджет ВК

Заходите в виджеты в ВК https://dev.vk.com/widgets/overview предварительно Вы должны быть авторизованы в ВК.

в списке находим комментарии и переходим в виджет комментарии https://dev.vk.com/widgets/comments

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

f3c9ed7a8a68f21dd0ceeb3ebc5f4c26.png

Заполняем необходимые поля

0eb03d4eaf57d9b30d1ca58b7e28253e.png

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

a5c129512c492ecdad1fb13a15c1f878.png

После этого указываем внешние настройки виджета (кол-во выводимых/показываемых комментариев, медиа и ширина).

И ниже у вас будет сформирован код для вставки на сайт скул-мастера, обратите внимание что код состоит из 2-ух частей.

041c7be9644e6a43feb70ca5f3ef0d18.png

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

1 вариант, интеграция внешних комментариев в уроки Тренингов 2.0

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

0d3b5c13b2f14d1c28b61467f1488a7a.png

так вот что бы внешние комментарии начали отображаться в уроке, нужно вышеуказанный код из ВК добавить в общие настройки расширения Тренинги 2.0

277e5325fb30234e13656bfbbacd2489.png

вот тут вы вставляете код из ВК

207871628afb402f0bb90c4c3c55fe03.png

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

82dc578b092906928dbb04c0f80d03a8.png

 2-ой вариант интеграции внешних комментариев через HTML виджет

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

ba339ad6a834654637d491fc42931d6b.png

Далее создаем HTML виджет 

8070cf911b5707e3f9eaa2bae2495f9a.png

Позицию вывода рекомендуем ставить bottom, после сохраняем виджеn HTML и проверяем на странице и страницах которые вы указали.

5143581b735cfbfa0b32fecd7862c74e.png

Помогла ли вам статья?