Add Comments To a Website

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

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

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

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

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

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

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" στο απόσπασμα πιο πάνω αν δεν είστε συνδεδεμένοι. Με αυτόν τον τρόπο θα χρησιμοποιήσει τον δοκιμαστικό λογαριασμό.

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

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

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

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

Θα χρειαστείτε το fastcomments-typescript, που είναι ένα 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 σας, για παράδειγμα:

Προσθήκη του peer dependency fastcomments-typescript

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 εδώ.

Το στοιχείο σχολιασμού FastComments React υποστηρίζει όλες τις ίδιες δυνατότητες με την VanillaJS - live commenting, 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 εδώ.

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

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

Ο πηγαίος κώδικας βρίσκεται στο GitHub.

Το widget σχολιασμού FastComments για Vue υποστηρίζει όλες τις ίδιες δυνατότητες με αυτό του VanillaJS - ζωντανά σχόλια, 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

If you're in the EU, you'll want to set the region to EU:

FastComments Vue - ΕΕ

Copy

1

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

3

The fastcomments-vue and fastcomments-vue-next libraries support the same configuration as the VanillaJS commenting widget.

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

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

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

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

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

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

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

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

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