FastComments.com

Dodajte komentare na Ionos sajtove

Са FastComments-ом можемо лако додати коментарисање у реалном времену на било који сајт изграђен помоћу Ionos-а.

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

Korak 1: Dodajte kontakt formu Internal Link

Прво ћемо додати контакт формулар који ће FastComments заменити.

Да бисте то урадили, отворите уређивач сајта, и кликните Add Section на жељеној страници.

Затим идите на Content -> Contact -> Contact Form на левој страни, као што је приказано:

Додај форму за контакт
Add Contact Form

Затим, треба да кажемо FastComments-у да замени нашу форму. Кликните на подразумевани наслов форме:

Постави наслов форме
Set Form Title

Поставићемо наслов на FastComments Goes Here. Врло је важно да величина слова и размак буду исти, иначе неће радити, па вам препоручујемо да копирате овај текст и налепите га.

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

Наслов је постављен
Done Setting Title

То је крај првог корака!

Korak 2: Dodajte FastComments.com kod Internal Link

Затим ћемо додати FastComments виџет код на ваш сајт. Овај код ће претражити све форме са насловом FastComments Goes Here и заменити их са FastComments.

Хајде да отворимо Settings у доњем левом углу уредника сајта:

Отварање подешавања
Отварање подешавања

Отворите секцију Custom Head Code:

Отварање Custom Head Code
Отварање Custom Head Code

За Ionos нам је потребна посебна верзија FastComments виџет кода. Исечци кода из других туторијала неће радити.

Сада копирајте следећи код:

Ionos FastComments исечак
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

...и налепите га као што је приказано:

Налепите и сачувајте
Налепите и сачувајте

Korak 3: Objavite Internal Link

Сада само треба да објавимо наш сајт и готово је.

Вратите се у уређивач садржаја кликом на Content у горњем левом углу:

Вратите се на садржај
Вратите се на садржај

Онда можемо да објавимо!

Објави!
Објави!

То је то! FastComments би требало да буде уживо на вашем сајту. Требало би да видите нешто слично овоме:

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

Uspeh Internal Link

Добар посао! Додали сте коментаре уживо на вашем Ionos сајту.

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

Prilagođavanje Internal Link

FastComments је дизајниран да се прилагоди вашем сајту.

Ако желите да додате прилагођени стил или подесите конфигурацију, Погледајте нашу документацију о прилагођавању да бисте сазнали како.