Add Comments to Weebly Sites

Zorg er eerst voor dat je enkele blogposts aan je site hebt toegevoegd om de resultaten van deze handleiding te kunnen zien.

Als je klaar bent, kunnen we de Weebly-editor openen en bovenaan op Settings klikken.

Open instellingen

Open nu de instellingen voor onze blog door links naar Blog te gaan:

Open bloginstellingen

Wat we nu moeten doen is het standaard Weebly-reactiesysteem uitschakelen, dat we zullen vervangen.

Opmerking als je bestaande reacties van je Weebly-site naar FastComments wilt migreren, kan je supportmedewerker je helpen met deze migratie.

Stel nu het Commenting system in op Default en Comment Default op Closed:

Schakel het standaard systeem uit

Vervolgens hoeven we alleen nog de FastComments.com-widgetcode toe te voegen!

Om de integratie tussen Weebly en FastComments goed te laten werken, moeten we twee kleine stukjes code toevoegen.

Het eerste fragment is om het Weebly-bericht "Comments are Closed" te verbergen, en het tweede is om daadwerkelijk FastComments te laden.

Kopieer eerst dit kleine codefragment:

FastComments Koptekst Codefragment

Copy

1

2<style>

3 #comments {

4 display: none;

5 }

6 #commentArea:not(.loaded) {

7 display: none;

8 }

9 #commentArea.loaded {

10 display: block !important;

11 }

12</style>

13

Ga vervolgens, op dezelfde instellingenpagina als bij Step One, naar de + naast Post header code.

Open Post Header Code

Er zou een tekstvak moeten openen dat er zo uitziet:

Post Header Code Open

Plak nu ons codefragment:

Header Code Snippet Pasted

Vervolgens is er de voettekstcode om FastComments in te schakelen. Klik op het plusteken naast Post footer code:

Open Post Footer Code

Kopieer dit codefragment dat speciaal voor Weebly is ontworpen:

FastComments Voettekst Codefragment

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 let loaded = false;

7 let interval = null;

8 function attemptLoad() {

9 if (loaded) {

10 clearInterval(interval);

11 return;

12 }

13 const comments = document.getElementById('comments');

14 if (comments) { // verwijder knop voor reacties weergeven

15 comments.remove();

16 }

17 const commentArea = document.getElementById('commentArea');

18 if (!commentArea) {

19 return;

20 }

21 commentArea.innerHTML = '';

22 commentArea.classList.add('loaded');

23 FastCommentsUI(commentArea, {

24 tenantId: "demo",

25 urlId: window.location.pathname

26 });

27 loaded = true;

28 clearInterval(interval);

29 }

30 attemptLoad();

31 interval = setInterval(attemptLoad, 300);

32 })();

33</script>

34

Plak nu onze voettekstcode:

Post Footer Code Added

Dat is alles!

Nu hoeven we alleen nog maar onze wijzigingen op te slaan en onze site te publiceren!

Opslaan en publiceren

Succes! Als je je site bekijkt, zou FastComments Live Commenting nu ingeschakeld moeten zijn:

Succes

FastComments is ontworpen om aangepast te worden zodat het bij uw site past.

Als u aangepaste styling wilt toevoegen of de configuratie wilt aanpassen, Bekijk onze documentatie voor aanpassingen en configuratie om te leren hoe.