Widgets πλήθους σχολίων

Το Comment Count Widget ειναι σχεδιασμενο για την εμφανιση του αριθμου σχολιων μιας μεμονωμενης σελιδας. Ειναι ελαφρυ και παρεχει ενημερωσεις σε πραγματικο χρονο αν ρυθμιστει.

Βασικη Εγκατασταση

Comment Count Widget Installation

Copy Run

1

2<script src="https://cdn.fastcomments.com/js/widget-comment-count.min.js"></script>

3<div id="comment-count"></div>

4<script>

5 window.FastCommentsCommentCount(document.getElementById('comment-count'), {

6 tenantId: 'demo'

7 });

8</script>

9

Επιλογες Διαμορφωσης

Η συναρτηση FastCommentsCommentCount δεχεται τις ακολουθες επιλογες διαμορφωσης:

• tenantId (απαιτειται): Το FastComments tenant ID σας
• urlId (προαιρετικο): Ο αναγνωριστης σελιδας. Προεπιλογη ειναι window.location.href αν δεν οριστει
• numberOnly (προαιρετικο): Αν true, εμφανιζει μονο τον αριθμο χωρις κειμενο. Προεπιλογη ειναι false
• isLive (προαιρετικο): Αν true, ο αριθμος θα ενημερωνεται αυτοματα. Προεπιλογη ειναι false

Προχωρημενα Παραδειγματα

Προσαρμοσμενο URL ID

Comment Count with Custom URL ID

Copy Run

1

2<script src="https://cdn.fastcomments.com/js/widget-comment-count.min.js"></script>

3<div id="comment-count-custom"></div>

4<script>

5 window.FastCommentsCommentCount(document.getElementById('comment-count-custom'), {

6 tenantId: 'demo',

7 urlId: 'my-custom-page-id'

8 });

9</script>

10

Εμφανιση Μονο Αριθμου

Comment Count Number Only

Copy Run

1

2<script src="https://cdn.fastcomments.com/js/widget-comment-count.min.js"></script>

3<div id="comment-count-number"></div>

4<script>

5 window.FastCommentsCommentCount(document.getElementById('comment-count-number'), {

6 tenantId: 'demo',

7 numberOnly: true

8 });

9</script>

10

Ζωντανες Ενημερωσεις

Live Comment Count Updates

Copy Run

1

2<script src="https://cdn.fastcomments.com/js/widget-comment-count.min.js"></script>

3<div id="comment-count-live"></div>

4<script>

5 window.FastCommentsCommentCount(document.getElementById('comment-count-live'), {

6 tenantId: 'demo',

7 isLive: true

8 });

9</script>

10

Μεθοδοι Widget

Το widget επιστρεφει ενα αντικειμενο με τις ακολουθες μεθοδους:

• destroy(): Αφαιρει το widget και καθαριζει ολους τους χρονοδιακοπτες
• update(config): Ενημερωνει το widget με νεα διαμορφωση

Παραδειγμα Χρησης

Widget Methods Example

Copy Run

1

2<script src="https://cdn.fastcomments.com/js/widget-comment-count.min.js"></script>

3<div id="comment-count-methods"></div>

4<script>

5 const widget = window.FastCommentsCommentCount(document.getElementById('comment-count-methods'), {

6 tenantId: 'demo'

7 });

8

9 // Update the widget to show a different page's count

10 setTimeout(() => {

11 widget.update({

12 tenantId: 'demo',

13 urlId: 'different-page-id'

14 });

15 }, 5000);

16

17 // Destroy the widget after 10 seconds

18 setTimeout(() => {

19 widget.destroy();

20 }, 10000);

21</script>

22

Στυλ

Το widget αποδιδει απλο HTML με τον αριθμο σχολιων και ερχεται με ελαχιστο στυλ. Μπορειτε να προσαρμοσετε την εμφανιση με CSS:

Custom Styling

Copy Run

1

2<style>

3 .comment-count-styled {

4 background: #f0f0f0;

5 padding: 5px 10px;

6 border-radius: 15px;

7 font-size: 14px;

8 color: #666;

9 display: inline-block;

10 }

11</style>

12<script src="https://cdn.fastcomments.com/js/widget-comment-count.min.js"></script>

13<div id="comment-count-styled" class="comment-count-styled"></div>

14<script>

15 window.FastCommentsCommentCount(document.getElementById('comment-count-styled'), {

16 tenantId: 'demo'

17 });

18</script>

19

Το Bulk Comment Count Widget ειναι σχεδιασμενο για την αποτελεσματικη εμφανιση του αριθμου σχολιων για πολλαπλες σελιδες στην ιδια σελιδα. Αντι να κανει μεμονωμενες κλησεις API για καθε αριθμο σχολιων, αυτο το widget ομαδοποιει τα αιτηματα για βελτιστη αποδοση.

Βασικη Εγκατασταση

Bulk Comment Count Widget Installation

Copy Run

1

2<script src="https://cdn.fastcomments.com/js/embed-widget-comment-count-bulk.min.js"></script>

3

4<!-- Multiple elements with comment counts -->

5<div class="fast-comments-count" data-fast-comments-url-id="page-1"></div>

6<div class="fast-comments-count" data-fast-comments-url-id="page-2"></div>

7<div class="fast-comments-count" data-fast-comments-url-id="page-3"></div>

8

9<script>

10 window.FastCommentsBulkCountConfig = {

11 tenantId: 'demo'

12 };

13</script>

14

Πως Λειτουργει

Το bulk widget λειτουργει:

1. Σαρωνοντας τη σελιδα για στοιχεια με την κλαση fast-comments-count
2. Διαβαζοντας το χαρακτηριστικο data-fast-comments-url-id απο καθε στοιχειο
3. Ομαδοποιωντας αιτηματα API για αποτελεσματικη ανακτηση πολλαπλων αριθμων σχολιων
4. Ενημερωνοντας καθε στοιχειο με τον καταλληλο αριθμο σχολιων

Επιλογες Διαμορφωσης

Η συναρτηση FastCommentsCommentCountBulk δεχεται τις ακολουθες επιλογες διαμορφωσης:

• tenantId (απαιτειται): Το FastComments tenant ID σας
• apiHost (προαιρετικο): Προσαρμοσμενος API host αν χρησιμοποιειτε μια αυτο-φιλοξενουμενη εγκατασταση

Παραδειγμα απο τον Πραγματικο Κοσμο

Εδω ειναι ενα πρακτικο παραδειγμα που δειχνει πως μπορειτε να χρησιμοποιησετε το bulk widget σε μια λιστα αναρτησεων blog:

Blog Post Listing with Comment Counts

Copy Run

1

2<script src="https://cdn.fastcomments.com/js/embed-widget-comment-count-bulk.min.js"></script>

3

4<style>

5 .blog-post {

6 border: 1px solid #ddd;

7 margin: 10px 0;

8 padding: 15px;

9 border-radius: 5px;

10 }

11 .post-meta {

12 color: #666;

13 font-size: 14px;

14 margin-top: 10px;

15 }

16 .comment-count {

17 background: #e7f3ff;

18 padding: 2px 8px;

19 border-radius: 12px;

20 font-size: 12px;

21 display: inline-block;

22 }

23</style>

24

25<div class="blog-post">

26 <h3>How to Install FastComments</h3>

27 <p>Learn how to add FastComments to your website in just a few minutes...</p>

28 <div class="post-meta">

29 Published: March 15, 2024 |

30 <span class="fast-comments-count comment-count" data-fast-comments-url-id="how-to-install-fastcomments"></span>

31 </div>

32</div>

33

34<div class="blog-post">

35 <h3>Advanced FastComments Configuration</h3>

36 <p>Dive deep into the advanced configuration options for FastComments...</p>

37 <div class="post-meta">

38 Published: March 10, 2024 |

39 <span class="fast-comments-count comment-count" data-fast-comments-url-id="advanced-fastcomments-config"></span>

40 </div>

41</div>

42

43<div class="blog-post">

44 <h3>FastComments vs Other Solutions</h3>

45 <p>See how FastComments compares to other commenting solutions...</p>

46 <div class="post-meta">

47 Published: March 5, 2024 |

48 <span class="fast-comments-count comment-count" data-fast-comments-url-id="fastcomments-comparison"></span>

49 </div>

50</div>

51

52<script>

53 window.FastCommentsBulkCountConfig = {

54 tenantId: 'demo'

55 };

56</script>

57

Ζητηματα Αποδοσης

Το bulk widget βελτιστοποιει αυτοματα την αποδοση με:

• Ομαδοποιηση αιτηματων: Πολλαπλοι αριθμοι σχολιων ανακτωνται σε μια μονο κληση API
• Ορια μεγεθους αιτηματων: Τα αιτηματα διαχωριζονται αυτοματα αν η λιστα URL γινει πολυ μεγαλη (πανω απο 1.000 χαρακτηρες)
• Αποδιπλασιασμος: Πολλαπλα στοιχεια με το ιδιο data-fast-comments-url-id μοιραζονται τον ιδιο αριθμο

Πολλαπλα Στοιχεια με το Ιδιο URL ID

Μπορειτε να εχετε πολλαπλα στοιχεια στη σελιδα με το ιδιο data-fast-comments-url-id. Ολα θα ενημερωθουν με τον ιδιο αριθμο:

Multiple Elements Same URL ID

Copy Run

1

2<script src="https://cdn.fastcomments.com/js/embed-widget-comment-count-bulk.min.js"></script>

3

4<style>

5 .count-example {

6 margin: 10px 0;

7 padding: 10px;

8 background: #f9f9f9;

9 border-radius: 5px;

10 }

11</style>

12

13<div class="count-example">

14 Header Count: <span class="fast-comments-count" data-fast-comments-url-id="shared-article"></span>

15</div>

16

17<div class="count-example">

18 Sidebar Count: <span class="fast-comments-count" data-fast-comments-url-id="shared-article"></span>

19</div>

20

21<div class="count-example">

22 Footer Count: <span class="fast-comments-count" data-fast-comments-url-id="shared-article"></span>

23</div>

24

25<script>

26 window.FastCommentsBulkCountConfig = {

27 tenantId: 'demo'

28 };

29</script>

30

Τοπικοποιηση

Το bulk widget μορφοποιει αυτοματα τους αριθμους σχολιων βασει των ρυθμισεων γλωσσας του FastComments. Παρεχει καταλληλο κειμενο για:

• Μηδεν σχολια
• Ενα σχολιο
• Πολλαπλα σχολια

Ποτε να Χρησιμοποιησετε Bulk εναντι Single Widget

Χρησιμοποιηστε το Bulk Widget οταν:

• Εχετε πολλαπλους αριθμους σχολιων στην ιδια σελιδα
• Εμφανιζετε μια λιστα αναρτησεων/αρθρων με αριθμους σχολιων
• Η αποδοση ειναι σημαντικη (μειωνει τις κλησεις API)

Χρησιμοποιηστε το Single Widget οταν:

• Χρειαζεστε μονο εναν αριθμο σχολιων στη σελιδα
• Χρειαζεστε ζωντανες ενημερωσεις (το single widget υποστηριζει ενημερωσεις σε πραγματικο χρονο)
• Θελετε περισσοτερο ελεγχο στη συμπεριφορα του μεμονωμενου widget