Add Comments to Squarespace Sites

W tej sekcji dowiesz się, jak dodać komentowanie na żywo do swojego bloga Squarespace.

Kod trzeba będzie dodać tylko raz, a widget zostanie automatycznie dodany do wszystkich istniejących wpisów na blogu, i wszystkich wpisów na blogu, które utworzysz w przyszłości.

Wątki komentarzy będą unikalne dla każdego wpisu na blogu.

Zaczniemy od otwarcia Strony po lewej stronie w Edytorze:

Otwórz Strony

Na dole powinieneś zobaczyć Blog z ikoną zębatki po prawej. Kliknij zębatkę, aby otworzyć ustawienia bloga:

Otwórz ustawienia bloga

Teraz przejdziemy do Advanced, a następnie do Post Blog Item Code Injection:

Otwórz ustawienie kodu wpisu bloga

Powinieneś zobaczyć puste pole kodu, takie jak poniżej:

Puste pole kodu

Teraz możemy skopiować następujący fragment kodu (użyj przycisku kopiowania w prawym górnym rogu fragmentu):

Kod komentarzy dla bloga Squarespace

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 const tenantId = 'demo'; // id twojego konta

7

8 function tryLoad() {

9 // spróbuj załadować dla różnych układów

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...następnie wklej w obszar kodu i kliknij zapisz:

Wklej i zapisz

Sukces! Powinieneś teraz zobaczyć FastComments Comment Widget we wszystkich swoich wpisach na blogu.

Sukces!

Gratulacje z powodu skonfigurowania FastComments w Squarespace! Jeśli napotkałeś błąd Domain Error, lub chcesz dowiedzieć się, jak dostosować obszar komentarzy, czytaj dalej!

W tej sekcji nauczymy się, jak dodać komentowanie na żywo do wszystkich stron w twojej witrynie Squarespace.

Będziesz musiał dodać kod tylko raz, a widget zostanie automatycznie dodany do wszystkich istniejących stron oraz wszystkich stron, które utworzysz w przyszłości.

Wątki komentarzy będą unikalne dla każdej strony.

Zaczniemy od otwarcia ustawień po lewej, w Edytorze:

Otwórz ustawienia

Na dole powinieneś zobaczyć Developer Tools. Kliknij to:

Otwórz narzędzia deweloperskie

Teraz przejdziemy do Code Injection:

Otwórz wstrzykiwanie kodu

Teraz powinieneś zobaczyć dwa obszary, gdzie możemy dodać kod, jeden oznaczony jako HEADER i jeden oznaczony jako FOOTER. Dodamy nasz kod do obszaru FOOTER:

Pusty obszar stopki

W następnym kroku skopiujemy nasz kod i go dodamy.

Teraz możemy skopiować poniższy fragment kodu. Użyj przycisku kopiowania, który pojawia się w prawym górnym rogu fragmentu.

W kodzie można skonfigurować kilka rzeczy — zobacz linie 4–7.

Kod komentarzy Squarespace — wszystkie strony

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 const tenantId = 'demo'; // identyfikator twojego konta

7

8 function tryLoad() {

9 // próbuj załadować dla różnych układów

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...następnie wklej go w obszarze kodu i kliknij zapisz. Powinno to wyglądać tak, z kodem w bloku FOOTER:

Wklej i zapisz

Jeśli masz problemy, upewnij się, że na dole nie jest napisane "tenantId": "demo". Powinno pokazywać identyfikator Twojego konta, jeśli jesteś zalogowany. Jeśli nie, skontaktuj się z pomocą.

Sukces! Teraz powinieneś zobaczyć FastComments Comment Widget na wszystkich swoich stronach.

Gratulacje — udało Ci się skonfigurować FastComments na Squarespace! Jeśli napotkałeś błąd Domain Error lub chciałbyś dowiedzieć się, jak dostosować obszar komentarzy, czytaj dalej!

W tej sekcji nauczymy się, jak dodać komentarze na żywo do konkretnej strony Twojej witryny Squarespace.

W tym podejściu musisz dodać kod do każdej strony, na której chcesz umieścić widżet komentarzy.

Wątki komentarzy będą unikalne dla każdej strony.

Dodając widżet komentarzy do konkretnej strony, mamy nieco więcej kontroli.

Możemy dodać widżet dokładnie tam, gdzie chcemy, co właśnie zrobimy w tym samouczku, dodając niestandardowy blok kodu.

Najpierw otwórz stronę, do której chcesz dodać komentarze, i kliknij Edytuj w lewym górnym rogu.

W tym przykładzie dodamy sekcję przeznaczoną specjalnie na komentarze, ale możesz dodać je do istniejącej sekcji na stronie.

Dodajmy naszą sekcję:

Dodaj sekcję

Dodamy pustą sekcję:

Dodaj pustą sekcję

Zobaczysz dodany duży pusty obszar. Kliknij ADD BLOCK w lewym górnym rogu:

Dodaj blok

Przewiń w dół, aż znajdziesz opcję Code i kliknij ją:

Wybierz widżet Code

Umieść blok kodu w miejscu, w którym chcesz, aby znajdował się widżet komentarzy:

Pozycja

Edytuj blok kodu:

Edytuj blok kodu

W następnym kroku skopiujemy nasz kod i go dodamy.

Teraz możemy skopiować poniższy fragment kodu. Użyj przycisku kopiowania, który pojawia się w prawym górnym rogu fragmentu.

W kodzie można skonfigurować kilka rzeczy — zobacz linie 4 do 7.

Kod pojedynczej strony Squarespace

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 const tenantId = 'demo'; // identyfikator twojego konta

7

8 function tryLoad() {

9 window.FastCommentsUI(document.getElementById('fastcomments-widget'), {

10 tenantId

11 });

12 }

13

14 tryLoad();

15 })();

16</script>

17

18

Powinno wyglądać tak:

Wklej i zapisz

Teraz kliknij Zapisz w prawym górnym rogu.

Zauważ, że opcja Preview in Safe Mode nie będzie działać, ale widżet pojawi się po odwiedzeniu Twojej witryny.

Jeśli masz problemy, upewnij się, że bliżej dołu nie widnieje "tenantId": "demo". Powinien być tam widoczny Twój tenant id, jeśli jesteś zalogowany. Jeśli nie, skontaktuj się z pomocą techniczną.

Sukces! Teraz powinieneś zobaczyć FastComments Comment Widget na swojej stronie.

Gratulacje za skonfigurowanie FastComments na Squarespace! Jeśli napotkałeś błąd Domain Error lub chciałbyś dowiedzieć się, jak dostosować obszar komentarzy, czytaj dalej!

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ą dostosowań i konfiguracji, aby dowiedzieć się, jak.