FastComments.com

Add Live Commenting to Typeflo.io Blogs


Co obejmuje ten przewodnik

Ten przewodnik opisuje konfigurację komentarzy na żywo z FastComments na blogach Typeflo.io.

1. Znajdź pole wprowadzania kodu Internal Link

Aby dodać FastComments do swojego bloga Typeflo.io, najpierw przejdź do pulpitu nawigacyjnego bloga i kliknij Ustawienia w lewym pasku bocznym.

Kliknij Ustawienia
Przejdź do Ustawień w Typeflo.io

Następnie kliknij kartę Własny kod u góry strony ustawień.

Kliknij kartę Własny kod
Kliknij kartę Własny kod w Ustawieniach Typeflo.io

Zobaczysz trzy sekcje do dodawania niestandardowego kodu: Nagłówek, Treść i Stopka. Użyjemy sekcji Stopka dla FastComments.

2. Wstaw kod Internal Link

W sekcji Stopka na karcie 'Custom Code' wklej poniższy kod:

Fragment kodu do komentowania na żywo Typeflo.io
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js" async></script>
3<script>
4 (function () {
5 function load() {
6 let target = null;
7 let lastInstance;
8 if (document.querySelector('.fastcomments-widget')) {
9 setTimeout(load, 1000);
10 return;
11 }
12 if (lastInstance) {
13 lastInstance.destroy();
14 }
15 if (window.FastCommentsUI) {
16 const newElement = document.createElement('div');
17 newElement.classList.add('fastcomments-widget');
18 const subscribeSection = document.querySelector('.nc-SectionSubscribe2');
19 if (subscribeSection) {
20 subscribeSection.parentNode.insertBefore(newElement, subscribeSection);
21 target = newElement;
22 } else {
23 const fullWidthSection = document.querySelector('.container.w-full');
24 if (fullWidthSection) {
25 fullWidthSection.prepend(newElement);
26 target = newElement;
27 }
28 }
29 }
30 if (target) {
31 lastInstance = FastCommentsUI(target, {
32 "tenantId": "demo"
33 });
34 }
35 setTimeout(load, 1000);
36 }
37
38 load();
39 })();
40</script>
41
Wklej kod w sekcji Stopka
Wklej kod FastComments w sekcji Stopka

Po wklejeniu kodu kliknij przycisk Zapisz, aby zastosować zmiany.

Uwaga: Ten kod zawiera logikę, która dynamicznie umieszcza widget FastComments w optymalnym miejscu na wpisach bloga Typeflo.io. Inne fragmenty kodu nie będą poprawnie działać z układem Typeflo.io.

Pamiętaj, aby po rejestracji zastąpić 'demo' swoim rzeczywistym identyfikatorem tenanta FastComments. Jeśli jesteś zalogowany na FastComments.com, powinno to być już zastąpione.

Sukces Internal Link

Świetna robota! Dodano komentarze na żywo do twojego bloga Typeflo.io.

FastComments będzie teraz wyświetlać się we wszystkich wpisach na twoim blogu, umożliwiając czytelnikom udział w dyskusjach.

Jeśli wystąpił błąd 'permission denied' lub chcesz dostosować FastComments, czytaj dalej.

Dostosowywanie Internal Link

FastComments został zaprojektowany tak, aby można go było dostosować do wyglądu Twojego bloga.

Jeśli chcesz dodać własne style lub zmienić konfigurację, Zapoznaj się z naszą dokumentacją dotyczącą dostosowywania, aby dowiedzieć się, jak.

W blogach Typeflo.io możesz dodać niestandardowe style CSS w tej samej sekcji Custom Code, w której dodałeś skrypt FastComments.