Add Live Commenting to Typeflo.io Blogs

Чтобы добавить FastComments в ваш блог Typeflo.io, сначала перейдите в панель управления блогом и в левой боковой панели нажмите Настройки.

Нажмите Настройки

Далее нажмите на вкладку Пользовательский код в верхней части страницы настроек.

Нажмите вкладку Пользовательский код

Вы увидите три раздела для добавления пользовательского кода: Заголовок, Тело и Подвал. Для FastComments мы будем использовать раздел Подвал.

В разделе Footer вкладки Custom Code вставьте следующий код:

Фрагмент кода для живых комментариев Typeflo.io

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js" async></script>

3<script>

4 (function () {

5 function load() {

6 let target = null;

7 let lastInstance;

8 if (document.querySelector('.fastcomments-widget')) {

9 setTimeout(load, 1000);

10 return;

11 }

12 if (lastInstance) {

13 lastInstance.destroy();

14 }

15 if (window.FastCommentsUI) {

16 const newElement = document.createElement('div');

17 newElement.classList.add('fastcomments-widget');

18 const subscribeSection = document.querySelector('.nc-SectionSubscribe2');

19 if (subscribeSection) {

20 subscribeSection.parentNode.insertBefore(newElement, subscribeSection);

21 target = newElement;

22 } else {

23 const fullWidthSection = document.querySelector('.container.w-full');

24 if (fullWidthSection) {

25 fullWidthSection.prepend(newElement);

26 target = newElement;

27 }

28 }

29 }

30 if (target) {

31 lastInstance = FastCommentsUI(target, {

32 "tenantId": "demo"

33 });

34 }

35 setTimeout(load, 1000);

36 }

37

38 load();

39 })();

40</script>

41

Вставьте код в раздел Footer

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

Примечание: Этот код содержит логику для динамического размещения виджета FastComments в оптимальном месте на страницах вашего блога Typeflo.io. Другие фрагменты кода не будут корректно работать с версткой Typeflo.io.

Не забудьте заменить 'demo' на ваш реальный tenant ID FastComments после регистрации. Если вы вошли в систему на FastComments.com, он должен быть уже заменён.

Отличная работа! Вы добавили живые комментарии в ваш блог Typeflo.io.

FastComments теперь будет отображаться во всех ваших публикациях в блоге, позволяя вашим читателям участвовать в обсуждениях.

Если вы столкнулись с ошибкой «доступ запрещён» или хотите настроить FastComments, читайте дальше.

FastComments разработан так, чтобы его можно было настроить в соответствии с дизайном вашего блога.

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

Для блогов Typeflo.io вы можете добавить пользовательские CSS-стили в том же разделе Custom Code, где вы добавили скрипт FastComments.