Add Comments to Weebly Sites

Zuerst stellen Sie sicher, dass Sie einige Blogbeiträge zu Ihrer Website hinzugefügt haben, um die Ergebnisse dieses Tutorials zu sehen.

Sobald Sie bereit sind, können wir den Weebly-Editor öffnen und oben auf Settings klicken.

Einstellungen öffnen

Öffnen wir nun die Einstellungen für unseren Blog, indem wir links auf Blog gehen:

Blog-Einstellungen öffnen

Nun müssen wir das standardmäßige Weebly-Kommentarsystem deaktivieren, das wir ersetzen werden.

Hinweis Wenn Sie vorhandene Kommentare von Ihrer Weebly-Site zu FastComments migrieren möchten, kann Ihr Support-Mitarbeiter Sie bei dieser Migration unterstützen.

Stellen wir nun das Commenting system auf Default und Comment Default auf Closed:

Das Standardsystem deaktivieren

Als Nächstes müssen wir nur noch den FastComments.com-Widget-Code hinzufügen!

Um die Integration von Weebly und FastComments reibungslos zu gestalten, müssen wir zwei kleine Code-Snippets hinzufügen.

Das erste Snippet soll die Weebly-Nachricht "Comments are Closed" ausblenden, das zweite lädt tatsächlich FastComments.

Kopiere zuerst dieses kleine Code-Snippet:

FastComments Kopfzeilen-Code-Snippet

Copy

1

2<style>

3 #comments {

4 display: none;

5 }

6 #commentArea:not(.loaded) {

7 display: none;

8 }

9 #commentArea.loaded {

10 display: block !important;

11 }

12</style>

13

Dann klicke auf derselben Einstellungsseite aus Step One auf das + neben Post header code.

Post-Header-Code öffnen

Ein Textfeld sollte sich wie folgt öffnen:

Post-Header-Code geöffnet

Füge nun unser Code-Snippet ein:

Header-Code-Snippet eingefügt

Als Nächstes kommt der Footer-Code, um FastComments zu aktivieren. Klicke auf das Pluszeichen neben Post footer code:

Post-Footer-Code öffnen

Kopiere dieses Code-Snippet, das speziell für Weebly entwickelt wurde:

FastComments Fußzeilen-Code-Snippet

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 let loaded = false;

7 let interval = null;

8 function attemptLoad() {

9 if (loaded) {

10 clearInterval(interval);

11 return;

12 }

13 const comments = document.getElementById('comments');

14 if (comments) { // Schaltfläche 'Kommentare anzeigen' entfernen

15 comments.remove();

16 }

17 const commentArea = document.getElementById('commentArea');

18 if (!commentArea) {

19 return;

20 }

21 commentArea.innerHTML = '';

22 commentArea.classList.add('loaded');

23 FastCommentsUI(commentArea, {

24 tenantId: "demo",

25 urlId: window.location.pathname

26 });

27 loaded = true;

28 clearInterval(interval);

29 }

30 attemptLoad();

31 interval = setInterval(attemptLoad, 300);

32 })();

33</script>

34

Füge nun unseren Footer-Code ein:

Post-Footer-Code hinzugefügt

Das war's!

Jetzt müssen wir nur noch unsere Änderungen speichern und unsere Website veröffentlichen!

Speichern und Veröffentlichen

Erfolg! Wenn Sie Ihre Website ansehen, sollten die Live-Kommentare von FastComments jetzt aktiviert sein:

Erfolg

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

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