Add Comments to Squarespace Sites

Σε αυτή την ενότητα θα μάθουμε πώς να προσθέσετε ζωντανή δυνατότητα σχολιασμού στο blog σας στο Squarespace.

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

Τα νήματα σχολίων θα είναι μοναδικά για κάθε δημοσίευση ιστολογίου.

Θα ξεκινήσουμε ανοίγοντας τις Σελίδες στα αριστερά, στον Επεξεργαστή:

Άνοιγμα Σελίδων

Στο κάτω μέρος θα δείτε το Blog με ένα γρανάζι στα δεξιά. Κάντε κλικ στο γρανάζι για να ανοίξετε τις ρυθμίσεις του blog:

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

Τώρα θα μεταβούμε στο Advanced και μετά στο Post Blog Item Code Injection:

Άνοιγμα Ρύθμισης Κώδικα Ανάρτησης Blog

Θα πρέπει να δείτε μια κενή περιοχή κώδικα όπως η παρακάτω:

Κενή Περιοχή Κώδικα

Τώρα μπορούμε να αντιγράψουμε το ακόλουθο απόσπασμα κώδικα (χρησιμοποιήστε το κουμπί αντιγραφής πάνω δεξιά στο απόσπασμα):

Κώδικας σχολίων ιστολογίου Squarespace

Copy

1

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

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // το αναγνωριστικό του λογαριασμού σας

7

8 function tryLoad() {

9 // προσπάθεια φόρτωσης για διαφορετικές διατάξεις

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...στη συνέχεια επικολλήστε στην περιοχή κώδικα και πατήστε Αποθήκευση:

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

Επιτυχία! Τώρα θα πρέπει να βλέπετε το widget σχολίων FastComments σε όλες τις αναρτήσεις του ιστολογίου σας.

Επιτυχία!

Συγχαρητήρια για τη ρύθμιση του FastComments με το Squarespace! Αν συναντήσατε ένα Domain Error, ή θέλετε να μάθετε πώς να προσαρμόσετε την περιοχή σχολιασμού, διαβάστε παρακάτω!

Σε αυτή την ενότητα θα μάθουμε πώς να προσθέσουμε ζωντανό σχολιασμό σε όλες τις σελίδες του ιστότοπού σας στο Squarespace.

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

Τα νήματα σχολίων θα είναι μοναδικά για κάθε σελίδα.

Θα ξεκινήσουμε ανοίγοντας τις Ρυθμίσεις στα αριστερά, στον Επεξεργαστή:

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

Στο κάτω μέρος θα πρέπει να δείτε τα Developer Tools. Κάντε κλικ σε αυτό:

Άνοιγμα Εργαλείων Προγραμματιστή

Τώρα θα μεταβούμε στο Code Injection:

Άνοιγμα Εισαγωγής Κώδικα

Τώρα θα δείτε δύο περιοχές όπου μπορούμε να προσθέσουμε κώδικα, μία με την ετικέτα HEADER και μία με την ετικέτα FOOTER. Θα προσθέσουμε τον κώδικά μας στην περιοχή FOOTER:

Άδεια Περιοχή Υποσέλιδου

Στο επόμενο βήμα θα αντιγράψουμε τον κώδικά μας και θα τον προσθέσουμε.

Τώρα μπορούμε να αντιγράψουμε το ακόλουθο απόσπασμα κώδικα. Χρησιμοποιήστε το κουμπί αντιγραφής που εμφανίζεται πάνω δεξιά στο απόσπασμα.

Υπάρχουν μερικά στοιχεία που μπορείτε να ρυθμίσετε στον κώδικα, δείτε τις γραμμές 4 έως 7.

Κώδικας σχολίων για όλες τις σελίδες Squarespace

Copy

1

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

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // το id του λογαριασμού σας

7

8 function tryLoad() {

9 // προσπαθεί να φορτώσει για διαφορετικές διατάξεις

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...then paste in the code area and click save. It should look like this, with the code in the FOOTER block:

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

If you're having issues, make sure near the bottom it doesn't say "tenantId": "demo". It should show your tenant id if you are logged in. If not, reach out to support.

Επιτυχία! Τώρα θα πρέπει να βλέπετε το FastComments Comment Widget σε όλες τις σελίδες σας.

Συγχαρητήρια για τη ρύθμιση του FastComments με το Squarespace! Αν αντιμετωπίσατε ένα Domain Error, ή θέλετε να μάθετε πώς να προσαρμόσετε την περιοχή σχολίων, διαβάστε παρακάτω!

Σε αυτή την ενότητα θα μάθουμε πώς να προσθέσετε τη δυνατότητα ζωντανών σχολίων σε μια συγκεκριμένη σελίδα του ιστότοπού σας στο Squarespace.

Με αυτή την προσέγγιση θα χρειαστεί να προσθέσετε τον κώδικα σε κάθε σελίδα στην οποία θέλετε να εμφανίζεται το widget σχολίων.

Τα νήματα σχολίων θα είναι μοναδικά για κάθε σελίδα.

Όταν προσθέτουμε το widget σχολίων σε μια συγκεκριμένη σελίδα, έχουμε μεγαλύτερο έλεγχο.

Μπορούμε να προσθέσουμε το widget ακριβώς εκεί όπου θέλουμε, κάτι που θα κάνουμε σε αυτό το σεμινάριο, προσθέτοντας ένα προσαρμοσμένο μπλοκ κώδικα.

Πρώτα, άνοιξε τη σελίδα στην οποία θέλεις να προσθέσεις σχόλια, και κάνε κλικ στο 'Επεξεργασία' στην πάνω αριστερή γωνία.

Σε αυτό το παράδειγμα θα προσθέσουμε μια ενότητα ειδικά για σχόλια, αλλά μπορείς να τα προσθέσεις και σε μια υπάρχουσα ενότητα στη σελίδα.

Ας προσθέσουμε την ενότητα μας:

Προσθήκη Ενότητας

Θα προσθέσουμε μια κενή ενότητα:

Προσθήκη Κενής Ενότητας

Θα δεις μια μεγάλη κενή περιοχή να προστίθεται. Κάνε κλικ στο ADD BLOCK στην πάνω αριστερή γωνία:

Προσθήκη Μπλοκ

Κύλισε προς τα κάτω μέχρι να βρεις την επιλογή Code και κάνε κλικ σε αυτήν:

Επιλογή Widget Κώδικα

Τοποθέτησε το μπλοκ κώδικα εκεί όπου θα ήθελες να τοποθετηθεί το widget σχολίων:

Τοποθέτηση

Επεξεργασία του μπλοκ κώδικα:

Επεξεργασία του Μπλοκ Κώδικα

Στο επόμενο βήμα θα αντιγράψουμε τον κώδικά μας και θα τον προσθέσουμε.

Τώρα μπορούμε να αντιγράψουμε το ακόλουθο απόσπασμα κώδικα. Χρησιμοποιήστε το κουμπί αντιγραφής που εμφανίζεται πάνω δεξιά στο απόσπασμα.

Υπάρχουν μερικά στοιχεία που μπορείτε να ρυθμίσετε στον κώδικα, δείτε τις γραμμές 4 έως 7.

Κώδικας μίας σελίδας Squarespace

Copy

1

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

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // το id του λογαριασμού σας

7

8 function tryLoad() {

9 window.FastCommentsUI(document.getElementById('fastcomments-widget'), {

10 tenantId

11 });

12 }

13

14 tryLoad();

15 })();

16</script>

17

18

Θα πρέπει να μοιάζει έτσι:

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

Τώρα κάντε κλικ στο κουμπί Αποθήκευση πάνω δεξιά.

Σημειώστε ότι η επιλογή Preview in Safe Mode δεν θα λειτουργήσει, αλλά το widget θα εμφανιστεί όταν επισκεφτείτε τον ιστότοπό σας.

Αν αντιμετωπίζετε προβλήματα, βεβαιωθείτε ότι κοντά στο κάτω μέρος δεν γράφει "tenantId": "demo". Θα πρέπει να εμφανίζει το tenant id σας εάν έχετε συνδεθεί. Αν όχι, επικοινωνήστε με την υποστήριξη.

Επιτυχία! Τώρα θα πρέπει να βλέπετε το widget σχολίων FastComments στη σελίδα σας.

Συγχαρητήρια για τη ρύθμιση του FastComments με το Squarespace! Εάν έχετε αντιμετωπίσει ένα Domain Error, ή θα θέλατε να μάθετε πώς να προσαρμόσετε την περιοχή σχολιασμού, διαβάστε παρακάτω!

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

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