Add Comments to Ionos Sites

With FastComments lako možemo dodati komentare uživo na bilo koji sajt napravljen sa Ionos.

Imajte na umu da ovaj vodič zahteva FastComments nalog. Preporučujemo da se prvo registrujete, pa se onda vratite ovde. Ovde možete napraviti nalog.

Korak 1: Dodajte kontakt formu

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

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

Zatim, idite na Content -> Contact -> Contact Form sa leve strane, kao što je prikazano:

Dodajte kontakt formu

Sledeće, treba da kažemo FastComments-u da zameni našu formu. Kliknite na podrazumevani naslov forme:

Postavite naslov forme

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

Kada završite, trebalo bi da izgleda ovako:

Naslov postavljen

To je kraj prvog koraka!

Korak 2: Dodajte FastComments.com kod

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:

Otvorite podešavanja

Open the Custom Head Code section:

Otvorite Custom Head Code

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:

Isečak FastComments za Ionos

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') {
                    // uzimamo 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>