Add Comments to Ionos Sites

Zuerst fügen wir ein Kontaktformular hinzu, das FastComments ersetzen wird.

Dazu öffnen Sie den Seiten-Editor, und klicken auf Add Section auf der gewünschten Seite.

Dann gehen Sie links zu Content -> Contact -> Contact Form, wie gezeigt:

Kontaktformular hinzufügen

Als Nächstes müssen wir FastComments mitteilen, dass es unser Formular ersetzen soll. Klicken Sie auf den Standard-Formulartitel:

Formulartitel festlegen

Wir setzen den Titel auf FastComments Goes Here. Es ist sehr wichtig, dass Groß-/Kleinschreibung und Leerzeichen genau gleich sind, sonst funktioniert es nicht, daher empfehlen wir, diesen Text zu kopieren und einzufügen.

Wenn Sie fertig sind, sollte es wie folgt aussehen:

Fertig: Titel festgelegt

Damit ist Schritt eins abgeschlossen!

Als Nächstes fügen wir den FastComments-Widget-Code zu Ihrer Website hinzu. Dieser Code sucht nach allen Formularen mit dem Titel FastComments Goes Here und ersetzt sie durch FastComments.

So gehen wir zu Settings unten links im Site-Editor:

Einstellungen öffnen

Öffnen Sie den Abschnitt Custom Head Code:

Custom Head Code öffnen

Für Ionos benötigen wir eine spezielle Version des FastComments-Widget-Codes. Codeausschnitte aus anderen Tutorials funktionieren nicht.

Kopieren Sie nun den folgenden Code:

Ionos FastComments-Snippet

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 // wir erhalten das Element, das nicht die volle Breite hat

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

...und fügen Sie es wie gezeigt ein:

Einfügen und speichern

Jetzt müssen wir nur noch unsere Website veröffentlichen und sind fertig.

Gehen Sie zur Inhaltsbearbeitung zurück, indem Sie oben links auf Content klicken:

Zurück zu Content

Dann können wir die Seite veröffentlichen!

Veröffentlichen!

Das war's! FastComments sollte auf Ihrer Website live sein. Sie sollten etwas Ähnliches sehen:

Fertig!

Gut gemacht! Sie haben Live-Kommentare zu Ihrer Ionos-Website hinzugefügt.

Wenn Sie auf einen 'Zugriff verweigert'-Fehler gestoßen sind, oder FastComments anpassen möchten, lesen Sie weiter.

FastComments wurde so konzipiert, dass es an Ihre Website angepasst werden kann.

Wenn Sie benutzerdefiniertes Styling hinzufügen oder die Konfiguration anpassen möchten, sehen Sie sich unsere Dokumentation zur Anpassung an, um zu erfahren, wie.