FastComments.com

Add Live Commenting to Typeflo.io Blogs


Какво обхваща това ръководство

Това ръководство обхваща настройването на живо коментиране с FastComments в блоговете на Typeflo.io.

1. Намерете полето за въвеждане на код Internal Link

За да добавите FastComments към вашия блог в Typeflo.io, първо отидете до таблото за управление на блога и кликнете върху Настройки в лявата странична лента.

Кликнете върху Настройки
Отидете до Настройки в Typeflo.io

След това кликнете върху раздела Персонализиран код в горната част на страницата с настройки.

Кликнете върху раздела Персонализиран код
Кликнете върху раздела Персонализиран код в настройките на Typeflo.io

Ще видите три секции за добавяне на персонализиран код: Header, Body и Footer. Ще използваме секцията Footer за FastComments.

2. Вмъкнете кода Internal Link

В секцията Footer на таба Custom Code поставете следния код:

Фрагмент от код за живо коментиране на Typeflo.io
Copy 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
Поставете кода на FastComments в секцията Footer

След като поставите кода, натиснете бутона Запази, за да приложите промените си.

Забележка: Този код включва логика за динамично поставяне на джаджата на FastComments в оптималното място в публикациите на вашия Typeflo.io блог. Други фрагменти от код няма да работят правилно с оформлението на Typeflo.io.

Не забравяйте да замените 'demo' с вашия реален FastComments tenant ID след регистрация. Ако сте влезли в FastComments.com, той вече трябва да е заменен.

Успех Internal Link

Хубава работа! Добавихте възможност за живи коментари към вашия Typeflo.io блог.

FastComments вече ще се появява на всички ваши публикации в блога, позволявайки на читателите ви да участват в дискусии.

Ако сте се сблъскали с грешка 'permission denied' или искате да персонализирате FastComments, продължете да четете.

Персонализиране Internal Link

FastComments е проектиран да бъде персонализиран така, че да съответства на дизайна на вашия блог.

Ако искате да добавите персонализирани стилове или да промените конфигурацията, Разгледайте нашата документация за персонализиране, за да научите как.

За блогове на Typeflo.io можете да добавите персонализирани CSS стилове в същия раздел Custom Code, където сте добавили скрипта на FastComments.