Add Live Commenting to Typeflo.io Blogs

Για να προσθέσετε το FastComments στο ιστολόγιό σας Typeflo.io, πλοηγηθείτε πρώτα στον πίνακα ελέγχου του ιστολογίου σας και κάντε κλικ στις Ρυθμίσεις στην αριστερή πλαϊνή στήλη.

Κάντε κλικ στις Ρυθμίσεις

Στη συνέχεια, κάντε κλικ στην καρτέλα Προσαρμοσμένος Κώδικας στην κορυφή της σελίδας ρυθμίσεων.

Κάντε κλικ στην καρτέλα Προσαρμοσμένου Κώδικα

Θα δείτε τρεις ενότητες για την προσθήκη προσαρμοσμένου κώδικα: Επικεφαλίδα, Σώμα και Υποσέλιδο. Θα χρησιμοποιήσουμε την ενότητα Υποσέλιδο για το FastComments.

Στην ενότητα Υποσέλιδο της καρτέλας Προσαρμοσμένου Κώδικα, επικολλήστε τον ακόλουθο κώδικα:

Απόσπασμα κώδικα ζωντανών σχολίων Typeflo.io

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

Επικόλληση κώδικα στην ενότητα Υποσέλιδου

Μετά την επικόλληση του κώδικα, κάντε κλικ στο κουμπί Αποθήκευση για να εφαρμόσετε τις αλλαγές σας.

Σημείωση: Αυτός ο κώδικας περιλαμβάνει λογική για να τοποθετεί δυναμικά το widget του FastComments στην βέλτιστη θέση στις δημοσιεύσεις του Typeflo.io. Άλλα αποσπάσματα κώδικα δεν θα λειτουργήσουν σωστά με τη διάταξη του Typeflo.io.

Θυμηθείτε να αντικαταστήσετε το 'demo' με το πραγματικό tenant ID του FastComments αφού εγγραφείτε. Εάν έχετε συνδεθεί στο FastComments.com, θα έχει ήδη αντικατασταθεί.

Μπράβο! Έχετε προσθέσει ζωντανό σχολιασμό στο blog σας στο Typeflo.io.

Το FastComments θα εμφανίζεται πλέον σε όλες τις αναρτήσεις του ιστολογίου σας, επιτρέποντας στους αναγνώστες σας να συμμετέχουν σε συζητήσεις.

Εάν αντιμετωπίσατε σφάλμα άρνησης πρόσβασης ή θέλετε να προσαρμόσετε το FastComments, συνεχίστε την ανάγνωση.

Το FastComments έχει σχεδιαστεί ώστε να μπορεί να προσαρμοστεί ώστε να ταιριάζει με το σχεδιασμό του ιστολογίου σας.

Εάν θέλετε να προσθέσετε προσαρμοσμένο στιλ ή να τροποποιήσετε τη ρύθμιση, Δείτε την τεκμηρίωση προσαρμογής μας για να μάθετε πώς.

Για ιστολόγια Typeflo.io, μπορείτε να προσθέσετε προσαρμοσμένα στυλ CSS στην ίδια ενότητα Προσαρμοσμένου Κώδικα όπου προσθέσατε το script του FastComments.