Add Comments to Ionos Sites

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

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

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

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

Next, we need to tell FastComments to replace our form. Click on the default form title:

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

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

When done, it should appear as follows:

Τέλος Ορισμού Τίτλου

That's the end of step one!

Next θα προσθέσουμε τον κώδικα του 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:

Άνοιγμα προσαρμοσμένου κώδικα κεφαλίδας

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

Now copy the following code:

Απόσπασμα 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 επάνω αριστερά:

Επιστροφή στο Περιεχόμενο

Έπειτα μπορούμε να δημοσιεύσουμε!

Δημοσίευση!

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

Έτοιμο!

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

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

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

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