Add Comments to Squarespace Sites

In diesem Abschnitt erfahren Sie, wie Sie Live-Kommentare zu Ihrem Squarespace-Blog hinzufügen.

Sie müssen den Code nur einmal hinzufügen und das Widget wird automatisch zu allen vorhandenen Blogbeiträgen und zu allen Beiträgen, die Sie in Zukunft erstellen.

Die Kommentar-Threads sind jedem Blogbeitrag eindeutig zugeordnet.

Wir beginnen damit, links im Editor die Seiten zu öffnen:

Seiten öffnen

Unten sollten Sie Blog mit einem Zahnrad rechts sehen. Klicken Sie auf das Zahnrad, um die Blog-Einstellungen zu öffnen:

Blog-Einstellungen öffnen

Jetzt gehen wir zu Advanced und dann zu Post Blog Item Code Injection:

Blog-Post-Code-Einstellung öffnen

Sie sollten einen leeren Codebereich wie den folgenden sehen:

Leerer Codebereich

Nun können wir den folgenden Codeausschnitt kopieren (verwenden Sie die Kopier-Schaltfläche in der oberen rechten Ecke des Ausschnitts):

Squarespace Blog-Kommentare Code

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'; // Ihre Konto-ID

7

8 function tryLoad() {

9 // Versucht, für verschiedene Layouts zu laden

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

...dann fügen Sie ihn in den Codebereich ein und klicken auf Speichern:

Einfügen und Speichern

Erfolgreich! Sie sollten jetzt das FastComments-Kommentar-Widget in allen Ihren Blogbeiträgen sehen.

Erfolgreich!

Herzlichen Glückwunsch zur Einrichtung von FastComments mit Squarespace! Wenn Sie auf einen Domain-Fehler gestoßen sind oder erfahren möchten, wie Sie den Kommentarbereich anpassen können, lesen Sie weiter!

In diesem Abschnitt erfahren Sie, wie Sie Live-Kommentare zu allen Seiten Ihrer Squarespace-Website hinzufügen.

Sie müssen den Code nur einmal hinzufügen und das Widget wird automatisch zu allen vorhandenen Seiten, und zu allen Seiten, die Sie in Zukunft erstellen.

Die Kommentarthreads sind für jede Seite einzigartig.

Wir beginnen damit, links im Editor die Einstellungen zu öffnen:

Einstellungen öffnen

Unten sollten Sie Developer Tools sehen. Klicken Sie darauf:

Entwicklertools öffnen

Als Nächstes gehen wir zu Code Injection:

Code Injection öffnen

Jetzt sollten Sie zwei Bereiche sehen, in die wir Code einfügen können, einen mit der Bezeichnung HEADER und einen mit der Bezeichnung FOOTER. Wir fügen unseren Code im Bereich FOOTER ein:

Leerer Footer-Bereich

Im nächsten Schritt kopieren wir unseren Code und fügen ihn ein.

Nun können wir den folgenden Codeausschnitt kopieren. Verwenden Sie die Kopier-Schaltfläche, die oben rechts im Ausschnitt erscheint.

Es gibt einige Dinge, die Sie im Code konfigurieren können; siehe Zeilen 4 bis 7.

Squarespace – Kommentare für alle Seiten (Code)

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'; // Ihre Tenant-ID

7

8 function tryLoad() {

9 // Versuch, für verschiedene Layouts zu laden

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

...dann fügen Sie ihn in den Codebereich ein und klicken Sie auf Speichern. Es sollte so aussehen, mit dem Code im FOOTER-Block:

Einfügen und Speichern

Wenn Sie Probleme haben, stellen Sie sicher, dass weiter unten nicht "tenantId": "demo" steht. Es sollte Ihre Tenant-ID anzeigen, wenn Sie angemeldet sind. Falls nicht, wenden Sie sich an den Support.

Erfolg! Sie sollten jetzt das FastComments Comment Widget auf allen Ihren Seiten sehen.

Herzlichen Glückwunsch zur Einrichtung von FastComments mit Squarespace! Wenn Sie auf einen Domain Error gestoßen sind oder erfahren möchten, wie Sie den Kommentarbereich anpassen können, lesen Sie weiter!

In diesem Abschnitt lernen wir, wie man Live-Kommentare zu einer bestimmten Seite Ihrer Squarespace-Website hinzufügt.

Bei diesem Ansatz müssen Sie den Code zu jeder Seite hinzufügen, auf der Sie das Kommentar-Widget einfügen möchten.

Die Kommentarthreads sind für jede Seite einzigartig.

Wenn wir das Kommentar-Widget zu einer bestimmten Seite hinzufügen, haben wir etwas mehr Kontrolle.

Wir können das Widget genau dort platzieren, wo wir es möchten, was wir in diesem Tutorial tun werden, indem wir einen benutzerdefinierten Codeblock hinzufügen.

Öffnen Sie zuerst die Seite, zu der Sie Kommentare hinzufügen möchten, und klicken Sie oben links auf Bearbeiten.

In diesem Beispiel fügen wir einen Abschnitt speziell für Kommentare hinzu, aber Sie könnten sie auch in einen bestehenden Abschnitt auf der Seite einfügen.

Let's add our section:

Abschnitt hinzufügen

We're going to add a blank section:

Leeren Abschnitt hinzufügen

You'll see a big blank area added. Click ADD BLOCK in the top left:

Block hinzufügen

Scroll down until you find the Code option and click it:

Code-Widget auswählen

Position your code block like how you would want the comments widget to be positioned:

Position

Edit the code block:

Den Codeblock bearbeiten

In the next step we'll copy our code and add it.

Jetzt können wir den folgenden Codeausschnitt kopieren. Verwenden Sie die Kopier-Schaltfläche, die oben rechts im Ausschnitt erscheint.

Es gibt einige Dinge, die Sie im Code konfigurieren können — siehe Zeilen 4 bis 7.

Squarespace Einzelseiten-Code

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'; // Ihre Konto-ID

7

8 function tryLoad() {

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

10 tenantId

11 });

12 }

13

14 tryLoad();

15 })();

16</script>

17

18

Es sollte so aussehen:

Einfügen und Speichern

Klicken Sie jetzt oben rechts auf Speichern.

Beachten Sie, dass die Option Preview in Safe Mode nicht funktioniert, aber das Widget erscheint, wenn Sie Ihre Website besuchen.

Wenn Sie Probleme haben, stellen Sie sicher, dass unten nicht "tenantId": "demo" steht. Es sollte Ihre tenant id anzeigen, wenn Sie eingeloggt sind. Wenn nicht, wenden Sie sich an den Support.

Erfolgreich! Sie sollten jetzt das FastComments Comment Widget auf Ihrer Seite sehen.

Herzlichen Glückwunsch zur Einrichtung von FastComments mit Squarespace! Wenn Sie auf einen Domain Error gestoßen sind oder erfahren möchten, wie Sie den Kommentarbereich anpassen können, lesen Sie weiter!

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

Wenn Sie benutzerdefinierte Stile hinzufügen oder die Konfiguration anpassen möchten, Sehen Sie sich unsere Dokumentation zur Anpassung und Konfiguration an, um zu erfahren, wie.