Add Comments to Ionos Sites

Uz FastComments možemo lako dodati komentare uživo na bilo koji sajt napravljen pomoću Ionos.

Imajte na umu da ovaj vodič zahtijeva FastComments nalog. Preporučuje se da se prvo registrujete, pa se onda vratite ovdje. Možete kreirati nalog ovdje.

Корак 1: Додајте контакт форму

Prvo ćemo dodati kontakt formu koju će FastComments zamijeniti.

Da biste to uradili, otvorite uređivač sajta, i kliknite Add Section na željenoj stranici.

Zatim, idite na Content -> Contact -> Contact Form na lijevoj strani, kao što je prikazano:

Dodaj kontakt formu

Zatim, trebamo reći FastComments-u da zamijeni našu formu. Kliknite na podrazumijevani naslov forme:

Postavite naslov forme

Postavićemo naslov na FastComments Goes Here. Veoma je važno da velika i mala slova i razmaci budu isti, inače neće raditi, stoga preporučujemo da kopirate ovaj tekst i zalijepite ga.

Kada završite, trebalo bi da izgleda ovako:

Završeno postavljanje naslova

To je kraj prvog koraka!

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

Next ćemo dodati FastComments widget kod na vaš sajt. Ovaj kod će pretražiti sve forme sa naslovom FastComments Goes Here i zamijeniti ih sa FastComments.

Dakle, idemo u Settings u donjem lijevom uglu uređivača sajta:

Otvorite Settings

Otvorite sekciju Custom Head Code:

Otvorite Custom Head Code

Za Ionos trebamo posebnu verziju FastComments widget koda. Kodovi iz ostalih tutorijala neće raditi.

Sada kopirajte sljedeći kod:

Ionos FastComments isječak

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') {
                    // dohvatimo element koji nije pune širine
                    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>