Add Comments to Weebly Sites

S FastComments možemo jednostavno dodati komentare u stvarnom vremenu na bilo koju Weebly stranicu.

Upute u nastavku su za blog izgrađen na Weeblyju. Za druge vrste stranica rado ćemo pomoći, samo se obratite našem timu za podršku.

Imajte na umu da ovaj vodič zahtijeva FastComments račun. Preporučujemo da se prvo registrirate pa se potom vratite ovdje. Možete kreirati račun ovdje.

Korak 1: Otvorite postavke bloga

Prvo, pobrinite se da imate nekoliko objava na blogu dodanih na vašu stranicu kako biste vidjeli rezultate ovog vodiča.

Kad ste spremni, možemo nastaviti i otvoriti Weebly uređivač, te kliknuti Settings na vrhu.

Otvorite postavke

Sada otvorimo postavke našeg bloga tako da na lijevoj strani odaberemo Blog:

Otvorite postavke bloga

Sada trebamo onemogućiti zadani Weebly sustav komentara, koji ćemo zamijeniti.

Napomena Ako želite migrirati postojeće komentare s vaše Weebly stranice na FastComments, vaš predstavnik podrške može pomoći s ovom migracijom.

Sada postavimo Commenting system na Default i Comment Default na Closed:

Onemogućite zadani sustav

Sljedeće, samo trebamo dodati FastComments.com widget kôd!

Korak 2: Dodajte kod FastComments.com

Da bi integracija Weebly i FastComments ispravno funkcionirala, moramo dodati dva mala isječka koda.

Prvi isječak skriva Weebly poruku "Comments are Closed", a drugi zapravo učitava FastComments.

Prvo, kopirajte ovaj mali isječak koda:

Isječak koda zaglavlja FastComments

Copy

<style>
    #comments {
        display: none;
    }
    #commentArea:not(.loaded) {
        display: none;
    }
    #commentArea.loaded {
        display: block !important;
    }
</style>

Zatim, na istoj stranici postavki iz Step One, kliknite + pored Post header code.

Otvori kod zaglavlja posta

Trebali biste vidjeti otvoren tekstualni okvir ovako:

Kod zaglavlja posta otvoren

Sada zalijepimo naš isječak koda:

Isječak koda zaglavlja zalijepljen

Sljedeće je kod podnožja za omogućavanje FastComments. Kliknite znak plus pored Post footer code:

Otvori kod podnožja posta

Kopirajte ovaj isječak koda koji je dizajniran posebno za Weebly:

Isječak koda podnožja FastComments

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    (function () {
        let loaded = false;
        let interval = null;
        function attemptLoad() {
            if (loaded) {
                clearInterval(interval);
                return;
            }
            const comments = document.getElementById('comments');
            if (comments) { // ukloni gumb za prikaz komentara
                comments.remove();
            }
            const commentArea = document.getElementById('commentArea');
            if (!commentArea) {
                return;
            }
            commentArea.innerHTML = '';
            commentArea.classList.add('loaded');
            FastCommentsUI(commentArea, {
                tenantId: "demo",
                urlId: window.location.pathname
            });
            loaded = true;
            clearInterval(interval);
        }
        attemptLoad();
        interval = setInterval(attemptLoad, 300);
    })();
</script>