Add Live Commenting to Typeflo.io Blogs

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

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

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

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

Θα δείτε τρεις ενότητες για την προσθήκη προσαρμοσμένου κώδικα: Κεφαλίδα, Σώμα και Υποσέλιδο. Θα χρησιμοποιήσουμε την ενότητα Υποσέλιδου για το 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 στη βέλτιστη θέση στις αναρτήσεις του blog σας στο Typeflo.io. Άλλα αποσπάσματα κώδικα δεν θα λειτουργήσουν σωστά με τη διάταξη του Typeflo.io.

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

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

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

Αν αντιμετωπίσατε σφάλμα "permission denied", ή θέλετε να προσαρμόσετε το FastComments, συνεχίστε παρακάτω.

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

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

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