Προσθήκη σχολίων σε ιστοσελίδες Ionos

Πρώτα, θα προσθέσουμε μια φόρμα επικοινωνίας την οποία θα αντικαταστήσει το FastComments.

Για να το κάνετε αυτό, ανοίξτε τον επεξεργαστή του ιστότοπου, και κάντε κλικ στο Add Section στη σελίδα που επιθυμείτε.

Στη συνέχεια, πηγαίνετε στο Content -> Contact -> Contact Form από τα αριστερά, όπως φαίνεται:

Προσθήκη Φόρμας Επικοινωνίας

Στη συνέχεια, πρέπει να πούμε στο FastComments να αντικαταστήσει τη φόρμα μας. Κάντε κλικ στο προεπιλεγμένο τίτλο της φόρμας:

Ορισμός Τίτλου Φόρμας

Θα ορίσουμε τον τίτλο σε FastComments Goes Here. Είναι πολύ σημαντικό το κεφαλαίο/πεζό και τα κενά να είναι τα ίδια, αλλιώς δεν θα λειτουργήσει, γι' αυτό σας προτείνουμε να αντιγράψετε αυτό το κείμενο και να το επικολλήσετε.

Όταν τελειώσετε, θα πρέπει να εμφανίζεται ως εξής:

Ολοκλήρωση Ορισμού Τίτλου

Αυτό είναι το τέλος του πρώτου βήματος!

Στη συνέχεια θα προσθέσουμε τον κώδικα του widget FastComments στον ιστότοπό σας. Αυτός ο κώδικας θα αναζητήσει όλες τις φόρμες με τον τίτλο FastComments Goes Here και θα τις αντικαταστήσει με το FastComments.

Πάμε λοιπόν στο Settings στο κάτω αριστερό μέρος του επεξεργαστή ιστότοπου:

Άνοιγμα Settings

Ανοίξτε την ενότητα Custom Head Code:

Άνοιγμα Custom Head Code

Για το Ionos χρειαζόμαστε μια ειδική έκδοση του κώδικα του widget FastComments. Τα αποσπάσματα κώδικα από άλλα οδηγίες δεν θα λειτουργήσουν.

Τώρα αντιγράψτε τον παρακάτω κώδικα:

Απόσπασμα FastComments για Ionos

Copy

1

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

3<script>

4 (function () {

5 let loaded = false;

6 let interval = null;

7

8 function attemptLoad() {

9 const nodes = document.querySelectorAll('h2');

10

11 nodes.forEach(function (node) {

12 if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {

13 // we get the element that is not full width

14 const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;

15 target.innerHTML = '';

16 FastCommentsUI(target, {

17 tenantId: "demo"

18 });

19 interval && clearInterval(interval);

20 loaded = true;

21 }

22 });

23 }

24

25 attemptLoad();

26 if (!loaded) {

27 interval = setInterval(attemptLoad, 300);

28 }

29 })();

30</script>

31

...και επικολλήστε το όπως φαίνεται:

Επικόλληση και Αποθήκευση

Τώρα το μόνο που απομένει είναι να δημοσιεύσουμε τον ιστότοπό μας και έχουμε τελειώσει.

Επιστρέψτε στον επεξεργαστή περιεχομένου κάνοντας κλικ στο Content επάνω αριστερά:

Επιστροφή στο Content

Στη συνέχεια μπορούμε να δημοσιεύσουμε!

Δημοσίευση!

Αυτό ήταν! Το FastComments θα πρέπει να είναι ενεργό στον ιστότοπό σας. Θα πρέπει να δείτε κάτι παρόμοιο με το ακόλουθο:

Έτοιμο!

Καλή δουλειά! Έχετε προσθέσει ζωντανά σχόλια στην ιστοσελίδα σας στο Ionos.

Εάν αντιμετωπίσατε σφάλμα 'permission denied', ή θέλετε να προσαρμόσετε το FastComments, διαβάστε παρακάτω.

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

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