Add Comments to Ionos Sites

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

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

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

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

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

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

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

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

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

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

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

So let's go to Settings in the bottom left of the site editor:

Άνοιγμα Ρυθμίσεων

Open the Custom Head Code section:

Άνοιγμα Προσαρμοσμένου Κώδικα Head

For Ionos we need a special version of the FastComments widget code. Code snippets from other tutorials will not work.

Τώρα αντιγράψτε τον ακόλουθο κώδικα:

Απόσπασμα 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 // παίρνουμε το στοιχείο που δεν είναι πλήρους πλάτους

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

...and paste it in as shown:

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

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

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

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

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

Δημοσίευση!

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

Έτοιμο!

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

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

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

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