FastComments.com

Add Comments to Ionos Sites

С FastComments лесно можем да добавим коментари в реално време към всеки сайт, изграден с Ionos.

Обърнете внимание, че този урок изисква акаунт в FastComments. Препоръчително е първо да се регистрирате и след това да се върнете тук. Можете да създадете акаунт тук.


Стъпка 1: Добавяне на контактна форма Internal Link

Първо ще добавим формуляр за контакт, който FastComments ще замени.

За да направите това, отворете редактора на сайта и кликнете върху Add Section на желаната страница.

След това отидете на Content -> Contact -> Contact Form вляво, както е показано:

Добавяне на формуляр за контакт
Добавяне на формуляр за контакт

Следва да кажем на FastComments да замени нашия формуляр. Кликнете върху заглавието на формуляра по подразбиране:

Задайте заглавие на формуляра
Задайте заглавие на формуляра

Ще зададем заглавието на FastComments Goes Here. Много е важно големите/малките букви и интервалите да са същите, иначе няма да работи, затова ви препоръчваме да копирате този текст и да го поставите.

Когато сте готови, то трябва да изглежда така:

Готово — заглавието е зададено
Готово — заглавието е зададено

Това е краят на първата стъпка!


Стъпка 2: Добавяне на кода на FastComments.com Internal Link

След това ще добавим кода на FastComments widget към вашия сайт. Този код ще търси всички формуляри със заглавие FastComments Goes Here и ще ги замени с FastComments.

Да отидем в Settings в долния ляв ъгъл на редактора на сайта:

Отворете Settings
Отворете Settings

Отворете секцията Custom Head Code:

Отворете Custom Head Code
Отворете Custom Head Code

За Ionos се нуждаем от специална версия на кода за FastComments widget. Фрагменти от други уроци няма да работят.

Сега копирайте следния код:

Фрагмент FastComments за Ionos
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<script>
4 (function () {
5 let loaded = false;
6 let interval = null;
7
8 function attemptLoad() {
9 const nodes = document.querySelectorAll('h2');
10
11 nodes.forEach(function (node) {
12 if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {
13 // взимаме елемента, който не е с пълна ширина
14 const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;
15 target.innerHTML = '';
16 FastCommentsUI(target, {
17 tenantId: "demo"
18 });
19 interval && clearInterval(interval);
20 loaded = true;
21 }
22 });
23 }
24
25 attemptLoad();
26 if (!loaded) {
27 interval = setInterval(attemptLoad, 300);
28 }
29 })();
30</script>
31

...и го поставете, както е показано:

Поставете и запазете
Поставете и запазете

Стъпка 3: Публикуване Internal Link

Сега остава само да публикуваме сайта и сме готови.

Върнете се в редактора на съдържание като кликнете върху Content в горния ляв ъгъл:

Върнете се към съдържанието
Върнете се към съдържанието

След това можем да публикуваме!

Публикуване!
Публикуване!

Това е всичко! FastComments трябва да е активен на вашия сайт. Трябва да видите нещо подобно на това:

Готово!
Готово!

Успешно Internal Link


Отлично! Добавихте коментари в реално време към вашия сайт в Ionos.

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


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


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

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