May 23, 2020

[Урок 42] Подключаем комментарии от ВК и Facebook

Привет всем! Мы уже изучали подключение комментариев с Disqus (см. урок 17). Но тогда я не упомянул, что дискас - не единственный способ подключить комменты на сайт.

Сегодня мы научимся подключать комментарии от социальных сетей: ВК и фейсбук. Изучайте, хороших выходных всем!

Добавляем нужный блок.

Идём в раздел "Все блоки", ищем раздел "Социальные сети" и добавляем блок SN601 - Комментарии из Facebook и вконтакте. Добавляем блок на рабочую область.

Для начала подключим комментарии ВК.

Оставляем блок на некоторое время и переходим на страницу VK Developers.

Ссылочка: https://vk.com/dev

Нажимаем на кнопку "Мои приложения"

Далее нажимаем "Создать приложение"

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

Далее нам нужно взять ID приложения. Для этого переходим в настройки.

Здесь копируем айди приложения и уходим.

Возвращаемся на Tilda.

После того, как у нас появилось id приложения вк, открываем настройки блока комментариев. А точнее настройки контента.

В поле VK APP ID вводим айди, который мы взяли у приложения.

Готово! Сохраняем, закрываем, публикуем и смотрим.

Комментарии успешно подключились.


Подключаем комментарии Facebook.

Механика подключения комментов от фб точно такая же. Нужно приложение и его айди.

Ссылочка: https://developers.facebook.com

При регистрации в Facebook dev создаем приложение (фб сам принудит его создать). Вводим почту и название проекта.

После создания мы попадем в панель, где у нас уже есть id приложения. Но это не всё.

Переходим в настройки.

Здесь же открываем Настройки - Основное (меню слева).

На вашем сайте обязательно должны быть страницы с политикой конфиденциальности и пользовательским соглашением. Их адреса необходимо указать в соответствующих полях.
Конструктор политики: https://tilda.cc/ru/privacy-generator/

В самом низу панели нажимаем "Добавить платформу".

Выбираем "Веб сайт".

Вводим адрес нашего сайта. Сохраняем изменения и копируем ID нашего приложения.

Возвращаемся на Tilda.

Вставляем ID приложения в поле "FACEBOOK APP ID".

Сохраняем, закрываем и публикуем.

Итог:

Пользуйтесь и изучайте тильду. Хороших выходных и больших успехов всем!)