Προσθήκη σχολίων σε ιστότοπους Squarespace

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

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

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

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

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

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

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

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

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

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

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

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

Κώδικας Σχολίων 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'; // your account id

7

8 function tryLoad() {

9 // try to load for different layouts

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

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

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

Επιτυχία! Τώρα θα πρέπει να βλέπετε το 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'; // your account id

7

8 function tryLoad() {

9 // try to load for different layouts

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

...στη συνέχεια επικολλήστε στην περιοχή κώδικα και κάντε κλικ στην αποθήκευση. Θα πρέπει να μοιάζει έτσι, με τον κώδικα στο μπλοκ FOOTER:

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

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

Επιτυχία! Τώρα θα πρέπει να βλέπετε το 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 async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>

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

4<script>

5 window.fcConfigs = [{

6 target: '#fastcomments-widget',

7 tenantId: 'demo' // your account id

8 }];

9</script>

10

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

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

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

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

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

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

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

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

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