Add Comments to Weebly Sites

S FastComments lahko enostavno dodamo komentiranje v živo na katero koli Weebly spletno stran.

Navodila spodaj so za blog, zgrajen na Weeblyju. Za druge vrste spletnih strani vam z veseljem pomagamo, samo obrnite se na našo podporo.

Upoštevajte, da ta vadnica zahteva račun FastComments. Priporočamo, da se najprej prijavite in se nato vrnete sem. Ustvarite račun tukaj.

Korak 1: Odprite nastavitve bloga

Najprej se prepričajte, da imate na svoji strani dodane objave na blogu, da boste videli rezultate tega navodila.

Ko ste pripravljeni, odprite urejevalnik Weebly in kliknite Settings na vrhu.

Odprite nastavitve

Zdaj odpremo nastavitve našega bloga tako, da na levi kliknemo Blog:

Odprite nastavitve bloga

Zdaj moramo onemogočiti privzeti komentarni sistem Weebly, ki ga bomo zamenjali.

Opomba: če želite prenesti obstoječe komentarje s svojega Weebly spletnega mesta v FastComments, vam lahko predstavnik za podporo pomaga pri tej migraciji.

Zdaj nastavimo Commenting system na Default in Comment Default na Closed:

Onemogočite privzeti sistem

Nato moramo samo dodati kodo vtičnika FastComments.com!

Korak 2: Dodajte kodo FastComments.com

Da bo integracija Weebly in FastComments delovala pravilno, moramo dodati dve majhni kosi kode.

Prvi vstavek je za skrivanje Weebly sporočila "Comments are Closed", drugi pa dejansko naloži FastComments.

Najprej kopirajte ta majhen vstavek kode:

Vstavek kode FastComments (glava)

Copy

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

Nato, na isti strani z nastavitvami iz Step One, kliknite + poleg Post header code.

Odprite kodo glave objave

Prikazal se bo besedilni okvir, kot je ta:

Koda glave objave odprta

Zdaj prilepimo naš vstavek kode:

Vstavek kode glave prilepljen

Sledi koda v nogi, ki omogoči FastComments. Kliknite znak plus poleg Post footer code:

Odprite kodo noge objave

Kopirajte ta vstavek kode, ki je zasnovan posebej za Weebly:

Vstavek kode FastComments (noga)

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) { // remove show comments button
                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>