FastComments.com

Add Comments to Ionos Sites


Dzięki FastComments możemy łatwo dodać komentarze na żywo do dowolnej witryny zbudowanej za pomocą Ionos.

Pamiętaj, że ten samouczek wymaga konta FastComments. Zaleca się najpierw zarejestrować się, a następnie wrócić tutaj. Możesz założyć konto tutaj.


Krok 1: Dodaj formularz kontaktowy Internal Link

Najpierw dodamy formularz kontaktowy, który FastComments zastąpi.

Aby to zrobić, otwórz edytor witryny i kliknij Add Section na wybranej stronie.

Następnie przejdź po lewej do Content -> Contact -> Contact Form, jak pokazano:

Dodaj formularz kontaktowy
Dodaj formularz kontaktowy

Następnie musimy poinformować FastComments, aby zastąpił nasz formularz. Kliknij domyślny tytuł formularza:

Ustaw tytuł formularza
Ustaw tytuł formularza

Ustawimy tytuł na FastComments Goes Here. Bardzo ważne, aby wielkość liter i odstępy były takie same, w przeciwnym razie to nie zadziała, więc zalecamy skopiowanie tego tekstu i wklejenie go.

Po zakończeniu powinno wyglądać następująco:

Zakończono ustawianie tytułu
Zakończono ustawianie tytułu

To koniec pierwszego kroku!

Krok 2: Dodaj kod FastComments.com Internal Link

Następnie dodamy kod widgetu FastComments do Twojej witryny. Ten kod wyszuka wszystkie formularze o tytule FastComments Goes Here i zastąpi je FastComments.

Przejdźmy więc do Settings w lewym dolnym rogu edytora strony:

Otwórz ustawienia
Otwórz ustawienia

Otwórz sekcję Custom Head Code:

Otwórz Custom Head Code
Otwórz Custom Head Code

Dla Ionos potrzebujemy specjalnej wersji kodu widgetu FastComments. Fragmenty kodu z innych samouczków nie będą działać.

Teraz skopiuj następujący kod:

Fragment FastComments dla Ionos
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<script>
4 (function () {
5 let loaded = false;
6 let interval = null;
7
8 function attemptLoad() {
9 const nodes = document.querySelectorAll('h2');
10
11 nodes.forEach(function (node) {
12 if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {
13 // pobieramy element, który nie ma pełnej szerokości
14 const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;
15 target.innerHTML = '';
16 FastCommentsUI(target, {
17 tenantId: "demo"
18 });
19 interval && clearInterval(interval);
20 loaded = true;
21 }
22 });
23 }
24
25 attemptLoad();
26 if (!loaded) {
27 interval = setInterval(attemptLoad, 300);
28 }
29 })();
30</script>
31

...i wklej go, jak pokazano:

Wklej i zapisz
Wklej i zapisz

Krok 3: Opublikuj Internal Link

Teraz musimy tylko opublikować naszą stronę i to wszystko.

Wróć do edytora treści, klikając Content w lewym górnym rogu:

Wróć do Content
Go back to Content

Następnie możemy opublikować!

Publish!
Publish!

To wszystko! FastComments powinien być aktywny na Twojej stronie. Powinieneś zobaczyć coś podobnego do tego:

Done!
Done!

Sukces Internal Link


Świetna robota! Dodałeś komentarze na żywo do swojej witryny Ionos.

Jeśli napotkałeś błąd odmowy dostępu lub chcesz dostosować FastComments, czytaj dalej.


Dostosowywanie Internal Link


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

Jeśli chcesz dodać niestandardowe style lub dostosować konfigurację, Sprawdź naszą dokumentację dotyczącą dostosowań i konfiguracji, aby dowiedzieć się, jak.