Add Comments to Squarespace Sites

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

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

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

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

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

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

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

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

Άνοιγμα ρύθμισης κώδικα στοιχείου Blog

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

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

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

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

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

...then paste in the code area and click save:

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

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

Επιτυχία!

Συγχαρητήρια για τη ρύθμιση του 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 Section

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

Add Blank Section

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

Add Block

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

Select Code Widget

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

Position

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

Edit The Code Block

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

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

Υπάρχουν μερικά στοιχεία που μπορείτε να ρυθμίσετε στον κώδικα — δείτε τις γραμμές 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'; // το tenantId του λογαριασμού σας

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 σας εάν είστε συνδεδεμένοι. Εάν όχι, επικοινωνήστε με την υποστήριξη.

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

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

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

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