Add Live Commenting to Typeflo.io Blogs

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

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

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

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

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

В разделе 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, чтобы применить изменения.

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

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

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

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

Если вы столкнулись с ошибкой permission denied или хотите настроить FastComments, читайте далее.

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

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

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