FastComments.com

Menu Icon

Sprache 🇩🇪 Deutsch
🇺🇸 English 🇧🇬 Български 🇨🇳 简体中文 🇹🇼 繁體中文 🇭🇷 Hrvatski 🇩🇰 Dansk 🇳🇱 Nederlands 🇺🇸 English (US) 🇨🇦 Français (Canada) 🇫🇷 Français (France) 🇩🇪 Deutsch 🇨🇾 Ελληνικά (Κύπρος) 🇬🇷 Ελληνικά 🇮🇱 עברית 🇮🇹 Italiano 🇯🇵 日本語 🇰🇷 한국어 🇵🇱 Polski 🇧🇷 Português (Brasil) 🇷🇺 Русский 🇺🇦 Русский (Украина) 🇧🇦 Српски (БиХ) 🇷🇸 Srpski (Latinica) 🇲🇪 Српски (Црна Гора) 🇷🇸 Српски 🇸🇮 Slovenščina 🇪🇸 Español 🇺🇦 Українська 🇹🇷 Türkçe

Installation auf Hostinger

Schritt 1: Code-Widget hinzufügen
Schritt 2: Code hinzufügen
Erfolg
Domainfehler der Website
Website-Anpassung

Hostinger Schwebende Likes

Schwebender Like-Button

Add Live Commenting to Hostinger Sites

Zuerst sollten Sie beachten, dass dieses Tutorial nur für den Hostinger Website Builder gilt.

Wenn Sie Hostinger mit WordPress verwenden, können Sie einfach unser WordPress-Plugin das seine eigenen Anleitungen enthält.

Dieses Tutorial fährt mit Anleitungen für den Website Builder fort.

Schritt 1: Code-Widget hinzufügen Internal Link

Öffnen Sie zuerst Ihre Website im Website-Builder.

Falls Sie noch keinen Abschnitt haben, in dem die Kommentare erscheinen sollen, fügen Sie einen leeren Abschnitt hinzu:

Abschnitt hinzufügen
Abschnitt hinzufügen
Abschnitt hinzufügen
Abschnitt hinzufügen

Fügen Sie nun das Hostinger-Embed-Widget hinzu, indem Sie unseren neuen Abschnitt anklicken und oben auf Add element und dann auf Embed code klicken:

Einbettungscode
Einbettungscode

Sie erhalten etwas wie dieses:

Code-Abschnitt hinzugefügt
Code-Abschnitt hinzugefügt

Nun sind wir bereit für Step 2.

Schritt 2: Code hinzufügen Internal Link

Fügen wir nun unseren Widget-Code hinzu.

Kopieren Sie den folgenden Code. Stellen Sie sicher, dass Sie bei fastcomments.com angemeldet sind und laden Sie diese Seite neu, falls nicht, damit der Code mit Ihren Kontoangaben vorausgefüllt wird; andernfalls wird der Demo-Code angezeigt.

Kopieren wir nun den Code:

Hostinger-Kommentare-Code
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 FastCommentsUI(document.getElementById('fastcomments-widget'), {
6 tenantId: "demo",
7 pageTitle: window.parent.document.title,
8 urlId: window.parent.location.href,
9 url: window.parent.location.href
10 });
11</script>
12

Gehen wir nun zurück zu unserem Seitenersteller und klicken auf Enter code:

Code einfügen
Code einfügen

Hinweis!

Es ist wichtig, dass Sie den obigen Code verwenden und nicht die Codeausschnitte aus anderer Dokumentation, da dieser Ausschnitt speziell für Hostinger angepasst wurde.

Sie sollten jetzt etwas Ähnliches wie das Folgende sehen, das leer erscheint. Das ist erwartetes Verhalten. Bewegen Sie die Maus über den Bereich, in dem das Widget erscheinen sollte:

Code-Widget hinzugefügt
Code-Widget hinzugefügt

Ziehen Sie nun das Widget auf die gewünschte Größe; Sie werden sehen, wie es erscheint:

Größe anpassen
Größe anpassen

...und jetzt Vorschau anzeigen und speichern!

Erfolg Internal Link

Das war's! Sie sollten nun Live-Kommentare zu Ihrer Hostinger-Website hinzugefügt haben.

Erfolgreich
Erfolgreich

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

Domainfehler der Website Internal Link

Möglicherweise erhalten Sie einen Autorisierungsfehler, wie den folgenden:

Domainkonfiguration fehlt
Domainkonfiguration fehlt

Das liegt daran, dass FastComments nicht weiß, dass Ihr Konto auf dieser Domain verwendet werden darf.

In diesem Fall ist die Lösung einfach. Sie müssen lediglich Ihre Website zu Ihrem FastComments.com-Konto hinzufügen.

Gehen Sie hierhin, um Ihre Website zu Ihrem Konto hinzuzufügen.

Jetzt sollten schnelle Live-Kommentare auf Ihrer Website verfügbar sein!

Website-Anpassung Internal Link

FastComments ist darauf ausgelegt, an Ihre Website angepasst zu werden.

Wenn Sie benutzerdefiniertes Styling hinzufügen oder die Konfiguration anpassen möchten, Lesen Sie unsere Anpassungsdokumentation, um zu erfahren, wie.

Schwebender Like-Button Internal Link

FastComments unterstützt außerdem das Page Reacts (auch bekannt als schwebender Like-Button) Widget für Hostinger.

Sie können es unten rechts auf dieser Seite in Aktion sehen!

Hinweis!

Diese Anweisungen gelten für den Hostinger Site Builder. Wenn Sie Hostinger WordPress verwenden, dann kopieren Sie einfach den folgenden Code und fügen ihn Ihrer WordPress-Seite mit WPCode hinzu, einem kostenlosen und einfachen Plugin zum Einfügen kleiner Code-Snippets auf Ihrer Seite.

  1. Zuerst den Code kopieren:
Hostinger Schwebender Like-Button Code
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-page-likes-floating.min.js?v=2" async></script>
3<div id="fastcomments-page-likes-floating"></div>
4<script>
5 (function () {
6 function tryLoad() {
7 if (typeof window.FastCommentsEmbedPageLikesFloating === 'function') {
8 window.FastCommentsEmbedPageLikesFloating(document.getElementById('fastcomments-page-likes-floating'), {
9 tenantId: "demo"
10 });
11 } else {
12 setTimeout(tryLoad, 50);
13 }
14 }
15
16 tryLoad();
17 })();
18</script>
19
  1. Öffnen Sie dann im Hostinger den Site Builder.
  2. Gehen Sie unten links zu den Website-Einstellungen.
  3. Wählen Sie Integrationen.
  4. Fügen Sie den neuen Code an das Ende des Feldes Custom code ein und veröffentlichen Sie Ihre Seite.
  5. Sie werden das Widget nicht im Vorschaumodus sehen, aber es erscheint in der veröffentlichten Version der Seite.
Zu diesem Leitfaden beitragen