Add Comments to Weebly Sites

Med FastComments kan vi nemt tilføje kommentarer i realtid til enhver Weebly-side.

Instruktionerne nedenfor er til en blog bygget på Weebly. For andre typer websteder hjælper vi gerne — kontakt blot vores supportpersonale.

Bemærk, at denne vejledning kræver en FastComments-konto. Det anbefales, at du tilmelder dig først og derefter kommer tilbage hertil. Du kan oprette en konto her.

Trin 1: Åbn blogindstillingerne

Først skal du sikre dig, at du har nogle blogindlæg tilføjet på dit site for at se resultaterne af denne vejledning.

Når du er klar, kan vi åbne Weebly-editoren og klikke på Settings øverst.

Åbn indstillinger

Lad os nu åbne indstillingerne for vores blog ved at gå til Blog i venstre side:

Åbn blogindstillinger

Det næste, vi skal gøre, er at deaktivere Weeblys standardkommentarsystem, som vi vil erstatte.

Bemærk hvis du ønsker at migrere eksisterende kommentarer fra dit Weebly-site til FastComments, kan din supportrepræsentant hjælpe med denne migration.

Sæt nu Commenting system til Default og Comment Default til Closed:

Deaktiver standardsystemet

Dernæst skal vi blot tilføje FastComments.com-widgetkoden!

Trin 2: Tilføj FastComments.com-koden

For at få integrationen mellem Weebly og FastComments til at fungere ordentligt, skal vi tilføje to små kodeudsnit.

Det første uddrag skjuler Weeblys besked "Comments are Closed", og det andet indlæser faktisk FastComments.

Først skal du kopiere dette lille kodeudsnit:

FastComments Header Kodeudsnit

Copy

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

Derefter, på den samme indstillingsside fra Step One, klik på + ved siden af Post header code.

Åbn Post Header-kode

Du burde se en tekstboks åbne sådan:

Post Header-kode åbnet

Nu indsætter vi vores kodeudsnit:

Header-kodeudsnit indsat

Næste er footerkoden for at aktivere FastComments. Klik på plus-tegnet ved siden af Post footer code:

Åbn Post Footer-kode

Kopier dette kodeudsnit, som er designet specifikt til Weebly:

FastComments Footer Kodeudsnit

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) { // fjern knappen 'Vis kommentarer'
                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>