Add Comments To a Website

Για να προσθέσετε σχόλια στον ιστότοπό σας WordPress, μπορείτε να βρείτε το πρόσθετο WordPress μας εδώ.

Ολοκληρωμένος οδηγός εγκατάστασης και τεκμηρίωση για το πρόσθετο βρίσκονται εδώ.

Αυτό το πρόσθετο υποστηρίζει live commenting, SSO, και εγκατάσταση χωρίς κώδικα. Απλώς ακολουθήστε τον οδηγό εγκατάστασης στη σελίδα διαχείρισης μετά την εγκατάσταση του πρόσθετου. Θα σας καθοδηγήσει στη σύνδεση της εγκατάστασης WordPress με τον λογαριασμό σας.

Οποιαδήποτε σχόλια που αφήνονται με το FastComments μέσω του πρόσθετου WordPress μπορούν να συγχρονιστούν αυτόματα πίσω στην εγκατάσταση WordPress σας ώστε να διατηρείτε τον έλεγχο των δεδομένων σας. Αυτό μπορεί να απενεργοποιηθεί για να περιοριστεί το μέγεθος της βάσης δεδομένων WordPress σας.

Η έκδοση VanillaJS του widget είναι ο απλούστερος τρόπος για να προσθέσετε σχόλια στο site σας, χωρίς να απαιτούνται συστήματα build ή κώδικας από την πλευρά του server.

Απλά προσθέστε το παρακάτω απόσπασμα κώδικα σε οποιαδήποτε σελίδα για να προσθέσετε σχόλια στον ιστότοπό σας:

Simple Code Snippet

Copy Run

1

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

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

4<script>

5window.fcConfigs = [{

6 "tenantId": "demo"

7}];

8</script>

9

Μπορείτε να χρησιμοποιήσετε το ίδιο απόσπασμα κώδικα σε πολλές σελίδες· θα δημιουργεί αυτόματα ένα ξεχωριστό νήμα ανά σελίδα.

Πολλές εφαρμογές έχουν επιλογή «Κώδικας ενσωμάτωσης HTML». Επιλέξτε αυτή και επικολλήστε το παραπάνω απόσπασμα κώδικα.

Δεν χρειάζεστε λογαριασμό για να το δοκιμάσετε! Μπορεί να δείτε "tenantId: demo" στο παραπάνω απόσπασμα εάν δεν έχετε συνδεθεί. Με αυτόν τον τρόπο θα χρησιμοποιεί τον demo λογαριασμό.

Μπορείτε να βρείτε τεκμηρίωση για τη διαμόρφωση του widget εδώ.

Όλες οι εκδόσεις του FastComments widget είναι περιτυλίγματα γύρω από τη βασική βιβλιοθήκη VanillaJS. Αυτό μας επιτρέπει να προσθέτουμε λειτουργίες και να διορθώνουμε προβλήματα σε ένα σημείο - και οι αλλαγές προωθούνται αυτόματα στις άλλες παραλλαγές του widget σχολιασμού.

Για να προσθέσετε σχόλια σε μια ιστοσελίδα που έχει κατασκευαστεί με Angular, μπορείτε να βρείτε τη βιβλιοθήκη μας για Angular στο NPM εδώ.

Το στοιχείο σχολιασμού FastComments για Angular υποστηρίζει όλες τις ίδιες δυνατότητες με το VanillaJS — ζωντανούς σχολιασμούς, sso, κ.λπ.

Θα χρειαστείτε το fastcomments-typescript, το οποίο είναι μια εξάρτηση peer (peer dependency). Παρακαλούμε βεβαιωθείτε ότι αυτό περιλαμβάνεται στη μεταγλώττιση TypeScript σας. Στο μέλλον, αυτή η peer dependency θα μετακινηθεί σε @types/fastcomments, κάτι που θα απλοποιήσει αυτήν την εγκατάσταση.

FastComments Angular μέσω NPM

Copy

1

2 npm install fastcomments-typescript --save

3 npm install ngx-fastcomments --save

4

Η peer dependency πρέπει να προστεθεί στο αρχείο tsconfig.json σας, για παράδειγμα:

Προσθήκη fastcomments-typescript ως peer dependency

Copy

1

2"include": [

3 "src/**/*.ts",

4 "node_modules/fastcomments-typescript/src/index.ts"

5],

6

Στη συνέχεια, προσθέστε το FastCommentsModule στην εφαρμογή σας:

Προσθήκη του Module στην εφαρμογή σας

Copy

1

2import { BrowserModule } from '@angular/platform-browser';

3import { NgModule } from '@angular/core';

4

5import { AppComponent } from './app.component';

6import { FastCommentsModule } from 'ngx-fastcomments';

7

8@NgModule({

9 declarations: [

10 AppComponent

11 ],

12 imports: [

13 BrowserModule,

14 FastCommentsModule

15 ],

16 providers: [],

17 bootstrap: [AppComponent]

18})

19export class AppModule { }

20

Χρήση

Για να ξεκινήσετε, περνάμε ένα αντικείμενο διαμόρφωσης για τον demo tenant:

Χρήση - Ενσωματωμένη Διαμόρφωση

Copy

1

2<lib-fastcomments [config]="{ tenantId: 'demo' }"></lib-fastcomments>

3

Εφόσον η διαμόρφωση μπορεί να γίνει αρκετά περίπλοκη, μπορούμε να περάσουμε μια αναφορά σε αντικείμενο:

Χρήση - Πέρασμα Αντικειμένου για Διαμόρφωση

Copy

1

2<lib-fastcomments [config]="fastcommentsConfig"></lib-fastcomments>

3

Χρήση - ΕΕ

Copy

1

2<lib-fastcomments [config]="{ tenantId: 'demo', region: 'eu' }"></lib-fastcomments>

3

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

Μπορείτε να βρείτε τη διαμόρφωση που υποστηρίζει το Angular component εδώ.

Για να προσθέσετε σχόλια σε έναν ιστότοπο φτιαγμένο με React, μπορείτε να βρείτε τη βιβλιοθήκη μας για React στο NPM εδώ.

Το widget σχολιασμού FastComments για React υποστηρίζει όλες τις ίδιες λειτουργίες με το αντίστοιχο για VanillaJS - σχολιασμό σε πραγματικό χρόνο, sso, κ.λπ.

FastComments React μέσω NPM

Copy

1

2npm install --save fastcomments-react

3

FastComments React μέσω Yarn

Copy

1

2yarn add fastcomments-react

3

Παράδειγμα React

Copy

1

2import React, { Component } from 'react'

3

4import {FastCommentsCommentWidget} from 'fastcomments-react'

5

6class Example extends Component {

7 render() {

8 return <FastCommentsCommentWidget tenantId="demo" />

9 }

10}

11

Αν βρίσκεστε στην ΕΕ, θα θελήσετε να ορίσετε την παράμετρο region ως εξής:

Παράδειγμα React - ΕΕ

Copy

1

2 <FastCommentsCommentWidget tenantId="demo" region="eu" />

3

Μπορείτε να βρείτε τη διαμόρφωση που υποστηρίζει το React component εδώ.

Για να προσθέσετε σχόλια στον ιστότοπό σας που έχει κατασκευαστεί με Vue, μπορείτε να βρείτε τη δική μας βιβλιοθήκη Vue στο NPM εδώ.

Επιπλέον, μια βιβλιοθήκη vue-next βρίσκεται στο NPM εδώ

Ο πηγαίος κώδικας είναι διαθέσιμος στο GitHub.

Το widget σχολιασμού FastComments Vue υποστηρίζει όλες τις ίδιες λειτουργίες με το VanillaJS - live commenting, sso, κ.λπ.

Οι παρακάτω οδηγίες αφορούν το Vue 3 καθώς έχει κυκλοφορήσει εδώ και κάποιο διάστημα, ωστόσο το FastComments υποστηρίζει επίσης το Vue 2 μέσω της βιβλιοθήκης fastcomments-vue.

FastComments Vue μέσω NPM

Copy

1

2npm install --save fastcomments-vue-next

3

FastComments Vue μέσω Yarn

Copy

1

2yarn add fastcomments-vue-next

3

Παράδειγμα Vue

Copy

1

2<template>

3 <img alt="Vue logo" src="./assets/logo.png">

4 <fast-comments v-bind:config="{tenantId: 'demo'}"/>

5</template>

6

7<script>

8import {FastComments} from 'fastcomments-vue-next';

9

10export default {

11 name: 'App',

12 components: {

13 FastComments

14 }

15}

16</script>

17

Αν βρίσκεστε στην ΕΕ, θα θελήσετε να ορίσετε το region σε EU:

FastComments Vue - ΕΕ

Copy

1

2<fast-comments v-bind:config="{tenantId: 'demo', region: 'eu'}"/>

3

Οι βιβλιοθήκες fastcomments-vue και fastcomments-vue-next υποστηρίζουν την ίδια διαμόρφωση με το widget σχολιασμού VanillaJS.

Μπορείτε να βρείτε τη διαμόρφωση που υποστηρίζει το Vue component εδώ.

Οι ορισμοί TypeScript για το FastComments μπορούν να βρεθούν στο NPM εδώ.

Μπορείτε να τους βρείτε στο GitHub εδώ.

Κάθε instance του widget σχολίων είναι απομονωμένο. Εξαιτίας αυτού, το FastComments υποστηρίζει εγγενώς περισσότερα από ένα instance ανά σελίδα.

Εμφάνιση ζωντανών σχολίων αμέσως

Το widget σχολίων είναι ζωντανό από προεπιλογή, αλλά τα ζωντανά σχόλια εμφανίζονται κάτω από ένα κουμπί "Εμφάνιση N νέων σχολίων".

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

Επιτρέψτε ανώνυμα σχόλια

Από προεπιλογή, το FastComments απαιτεί από τον χρήστη να αφήσει email όταν σχολιάζει. Αυτό μπορεί να απενεργοποιηθεί.