Add Comments To a Website

Да бисте додали коментаре на ваш WordPress сајт, наш WordPress додатак можете пронаћи овдје.

Комплетан водич за инсталацију и документација о додатку су овдје.

Овај додатак подржава коментарисање уживо, SSO и инсталацију без кода. Једноставно пратите водич за инсталацију на страници администрације након инсталирања додатка. Он ће вас провести кроз повезивање ваше WordPress инсталације са вашим налогом.

Сви коментари остављени помоћу FastComments преко нашег WordPress додатка могу се аутоматски синхронизовати назад у вашу WordPress инсталацију тако да задржите контролу над својим подацима. Ово се може искључити да би се ограничила величина ваше WordPress базе података.

VanillaJS верзија видџета је најједноставнији начин да додате коментаре на ваш сајт, не захтевајући било какве 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 Embed Code". Изаберите је и залепите горњи исечак кода.

Такође вам не треба налог да бисте пробали! Можете видети "tenantId: demo" у горњем исечку ако нисте пријављени. На тај начин ће бити коришћен демо налог.

Документацију о конфигурисању видџета можете пронаћи овде.

Све верзије FastComments видџета су омотачи око основне VanillaJS библиотеке. То нам омогућава да додамо функције и решимо проблеме на једном месту - и измене се аутоматски преносе на друге варијанте коментарског видџета.

За додавање коментара на сајт изграђен помоћу Angular-а, нашу Angular библиотеку можете наћи на NPM овде.

FastComments Angular коментарски видгет подржава све исте функције као и VanillaJS верзија — коментарисање у стварном времену, SSO и тако даље.

Биће вам потребан fastcomments-typescript, који је peer зависност. Молимо осигурајте да је ово укључено у вашу TypeScript компилацију. У будућности, ова peer зависност биће премештена у @types/fastcomments што ће поједноставити ову инсталацију.

FastComments Angular преко NPM-а

Copy

1

2 npm install fastcomments-typescript --save

3 npm install ngx-fastcomments --save

4

Peer зависност треба додати у ваш tsconfig.json фајл, на пример:

Додавање fastcomments-typescript peer зависности

Copy

1

2"include": [

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

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

5],

6

Затим, додајте FastCommentsModule у вашу апликацију:

Додајте модул у вашу апликацију

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

Употреба

За почетак, прослеђујемо конфигурациони објекат за демо тенанта:

Употреба - Инлајн конфигурација

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

Видгет користи детекцију промена, тако да промена било које особине конфигурационог објекта ће узроковати његово поновно учитавање.

Конфигурацију коју Angular компонента подржава можете пронаћи овде.

За додавање коментара на сајт направљен помоћу React-а, нашу React библиотеку можете наћи на NPM-у овдје.

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 компонента подржава можете пронаћи овдје.

Да бисте додали коментаре на ваш сајт направљен са Vue-ом, наш Vue пакет можете пронаћи на NPM овде.

Поред тога, библиотека vue-next је на NPM овде

Изворни код можете пронаћи на GitHub.

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

Ако сте у ЕУ, требало би да подесите region на 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.

You can find the configuration the Vue component supports here.

TypeScript дефиниције за FastComments могу се пронаћи на NPM-у овде.

Можете их пронаћи на GitHub-у овде.

Свака инстанца виџета за коментаре је изолована. Због тога FastComments природно подржава више од једне инстанце по страници.

Прикажи коментаре уживо одмах

Виџет за коментаре је уживо по подразумеваној вредности, али се коментари уживо појављују испод дугмета "Прикажи N нових коментара".

Дозволи анонимно коментарисање

По подразумеваној вредности, FastComments захтева да корисник остави е-пошту приликом коментарисања. Ово се може онемогућити.