Add Comments to Ionos Sites

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

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

Корак 1: Додајте контакт образац

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

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

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

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

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

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

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

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

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

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

Корак 2: Додајте FastComments.com код

Next we're going to add the FastComments widget code to your site. This code will search for all forms with the title FastComments Goes Here and replace it with FastComments.

So let's go to Settings in the bottom left of the site editor:

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

Open the Custom Head Code section:

Отворите прилагођени код у head-у

For Ionos we need a special version of the FastComments widget code. Code snippets from other tutorials will not work.

Now copy the following code:

Ionos FastComments исечак кода

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<script>
    (function () {
        let loaded = false;
        let interval = null;
        function attemptLoad() {
            const nodes = document.querySelectorAll('h2');
            nodes.forEach(function (node) {
                if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {
                    // добијамо елемент који није пуне ширине
                    const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;
                    target.innerHTML = '';
                    FastCommentsUI(target, {
                        tenantId: "demo"
                    });
                    interval && clearInterval(interval);
                    loaded = true;
                }
            });
        }
        attemptLoad();
        if (!loaded) {
            interval = setInterval(attemptLoad, 300);
        }
    })();
</script>