Add Comments to Weebly Sites

Najpierw upewnij się, że na Twojej stronie są dodane wpisy na blogu, aby zobaczyć wyniki tego samouczka.

Gdy będziesz gotowy, otwórz edytor Weebly i kliknij Settings u góry.

Otwórz ustawienia

Teraz otwórzmy ustawienia naszego bloga, przechodząc do Blog po lewej:

Otwórz ustawienia bloga

Teraz musimy wyłączyć domyślny system komentarzy Weebly, który zastąpimy.

Uwaga jeśli chcesz przenieść istniejące komentarze ze swojej strony Weebly do FastComments, przedstawiciel wsparcia może pomóc w tej migracji.

Ustawmy teraz Commenting system na Default oraz Comment Default na Closed:

Wyłącz domyślny system

Następnie musimy tylko dodać kod widgetu FastComments.com!

Aby integracja Weebly i FastComments działała prawidłowo, musimy dodać dwa małe fragmenty kodu.

Pierwszy fragment ma ukryć komunikat Weebly "Comments are Closed", a drugi ma faktycznie wczytać FastComments.

Najpierw skopiuj ten mały fragment kodu:

Fragment kodu nagłówka FastComments

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

Następnie, na tej samej stronie ustawień z Step One, kliknij + obok Post header code.

Otwórz kod nagłówka posta

Powinieneś zobaczyć otwarte takie pole tekstowe:

Kod nagłówka posta otwarty

Teraz wklejmy nasz fragment kodu:

Fragment kodu nagłówka wklejony

Kolejny jest kod stopki, aby włączyć FastComments. Kliknij znak plus obok Post footer code:

Otwórz kod stopki posta

Skopiuj ten fragment kodu, który został zaprojektowany specjalnie dla Weebly:

Fragment kodu stopki FastComments

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) { // usuń przycisk pokaż komentarze

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

Teraz wklejmy nasz kod stopki:

Dodano kod stopki posta

To wszystko!

Teraz musimy tylko zapisać zmiany i opublikować naszą stronę!

Zapisz i opublikuj

Sukces! Jeśli wyświetlisz swoją stronę, powinna być teraz włączona funkcja FastComments Live Commenting:

Sukces

FastComments został zaprojektowany tak, aby można go było dostosować do Twojej witryny.

Jeśli chcesz dodać niestandardowe style lub zmodyfikować konfigurację, Zobacz naszą dokumentację dotyczącą dostosowywania, aby dowiedzieć się, jak.