Add Live Commenting to Typeflo.io Blogs

Um FastComments zu Ihrem Typeflo.io-Blog hinzuzufügen, navigieren Sie zunächst zum Dashboard Ihres Blogs und klicken Sie in der linken Seitenleiste auf Einstellungen.

Klicken Sie auf Einstellungen

Klicken Sie anschließend auf die Registerkarte Benutzerdefinierter Code oben auf der Einstellungsseite.

Klicken Sie auf die Registerkarte Benutzerdefinierter Code

Sie sehen drei Bereiche, um benutzerdefinierten Code hinzuzufügen: Header, Body und Footer. Wir verwenden den Footer-Bereich für FastComments.

Fügen Sie im Bereich Footer der Registerkarte 'Custom Code' den folgenden Code ein:

Typeflo.io Live-Kommentare Code-Snippet

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js" async></script>

3<script>

4 (function () {

5 function load() {

6 let target = null;

7 let lastInstance;

8 if (document.querySelector('.fastcomments-widget')) {

9 setTimeout(load, 1000);

10 return;

11 }

12 if (lastInstance) {

13 lastInstance.destroy();

14 }

15 if (window.FastCommentsUI) {

16 const newElement = document.createElement('div');

17 newElement.classList.add('fastcomments-widget');

18 const subscribeSection = document.querySelector('.nc-SectionSubscribe2');

19 if (subscribeSection) {

20 subscribeSection.parentNode.insertBefore(newElement, subscribeSection);

21 target = newElement;

22 } else {

23 const fullWidthSection = document.querySelector('.container.w-full');

24 if (fullWidthSection) {

25 fullWidthSection.prepend(newElement);

26 target = newElement;

27 }

28 }

29 }

30 if (target) {

31 lastInstance = FastCommentsUI(target, {

32 "tenantId": "demo"

33 });

34 }

35 setTimeout(load, 1000);

36 }

37

38 load();

39 })();

40</script>

41

Code im Footer-Bereich einfügen

Nachdem Sie den Code eingefügt haben, klicken Sie auf die Save-Schaltfläche, um Ihre Änderungen zu übernehmen.

Hinweis: Dieser Code enthält Logik, um das FastComments-Widget dynamisch an der optimalen Stelle in Ihren Typeflo.io-Blogbeiträgen zu platzieren. Andere Code-Snippets funktionieren nicht korrekt mit dem Layout von Typeflo.io.

Denken Sie daran, 'demo' durch Ihre tatsächliche FastComments-Tenant-ID zu ersetzen, nachdem Sie sich registriert haben. Wenn Sie bei FastComments.com angemeldet sind, sollte es bereits ersetzt sein.

Gute Arbeit! Du hast Live-Kommentare zu deinem Typeflo.io-Blog hinzugefügt.

FastComments wird jetzt auf all deinen Blogbeiträgen erscheinen und deinen Lesern ermöglichen, sich an Diskussionen zu beteiligen.

Wenn du auf einen permission denied-Fehler gestoßen bist oder FastComments anpassen möchtest, lies weiter.

FastComments ist so konzipiert, dass es an das Design Ihres Blogs angepasst werden kann.

Wenn Sie benutzerdefinierte Styles hinzufügen oder die Konfiguration anpassen möchten, lesen Sie unsere Anpassungsdokumentation Anpassungsdokumentation, um zu erfahren, wie.

Für Typeflo.io-Blogs können Sie benutzerdefinierte CSS-Stile im selben 'Custom Code'-Bereich hinzufügen, in dem Sie das FastComments-Skript hinzugefügt haben.