FastComments.com

Menu Icon

Језик 🇲🇪 Српски (Црна Гора)
🇺🇸 English 🇧🇬 Български 🇨🇳 简体中文 🇹🇼 繁體中文 🇭🇷 Hrvatski 🇩🇰 Dansk 🇳🇱 Nederlands 🇺🇸 English (US) 🇨🇦 Français (Canada) 🇫🇷 Français (France) 🇩🇪 Deutsch 🇨🇾 Ελληνικά (Κύπρος) 🇬🇷 Ελληνικά 🇮🇱 עברית 🇮🇹 Italiano 🇯🇵 日本語 🇰🇷 한국어 🇵🇱 Polski 🇧🇷 Português (Brasil) 🇷🇺 Русский 🇺🇦 Русский (Украина) 🇧🇦 Српски (БиХ) 🇷🇸 Srpski (Latinica) 🇲🇪 Српски (Црна Гора) 🇷🇸 Српски 🇸🇮 Slovenščina 🇪🇸 Español 🇺🇦 Українська 🇹🇷 Türkçe

Додаци трећих страна

WordPress

Прилагођене инсталације

VanillaJS / HTML исечак
Angular
React
React Native
Vue
TypeScript
Више инстанци на истој страници
Уобичајени случајеви употребе
Отстрањивање уобичајених проблема

Уграђивање у документе

Notion и Google Sites

Add Comments To a Website

Инсталирање

FastComments је дизајниран да се инсталира на било којој врсти странице - статичкој или динамичкој, са светлом или тамном темом, на јавним или интерним страницама. Требало би да буде лако инсталирати га и прилагодити било којој врсти сајта или веб апликације.

WordPress Internal Link

Наш WordPress додатак можете пронаћи овде.

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

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

VanillaJS / HTML исечак Internal Link

VanillaJS верзија виџета је веома једноставна за инсталацију, не захтева системе за изградњу или код на страни сервера.

Једноставно додајте следећи исечак кода на било коју страницу:

Једноставан исечак кода
Copy CopyRun External Link
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

Можете користити исти исечак кода на многим страницама; аутоматски ће креирати засебну нит за сваку страницу.

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

Angular Internal Link

Нашу Angular библиотеку можете пронаћи на NPM-у овде.

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

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

FastComments Angular преко NPM-а
Copy Copy
1
2 npm install fastcomments-typescript --save
3 npm install ngx-fastcomments --save
4

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

Додавање fastcomments-typescript peer зависности
Copy Copy
1
2"include": [
3 "src/**/*.ts",
4 "node_modules/fastcomments-typescript/src/index.ts"
5],
6

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

Додајте модул у вашу апликацију
Copy 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

Коришћење

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

Коришћење - Inline конфигурација
Copy Copy
1
2<lib-fastcomments [config]="{ tenantId: 'demo' }"></lib-fastcomments>
3

Пошто конфигурација може постати прилично сложена, можемо проследити референцу објекта:

Коришћење - Проследи објекат за конфигурацију
Copy Copy
1
2<lib-fastcomments [config]="fastcommentsConfig"></lib-fastcomments>
3
Коришћење - EU
Copy Copy
1
2<lib-fastcomments [config]="{ tenantId: 'demo', region: 'eu' }"></lib-fastcomments>
3

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

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

React Internal Link

Нашу React библиотеку можете пронаћи на NPM-у овде.

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

FastComments React преко NPM-а
Copy Copy
1
2npm install --save fastcomments-react
3
FastComments React преко Yarn-а
Copy Copy
1
2yarn add fastcomments-react
3
React пример
Copy 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 пример - EU
Copy Copy
1
2 <FastCommentsCommentWidget tenantId="demo" region="eu" />
3

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

React Native Internal Link

Нашу React Native библиотеку можете пронаћи на NPM-у овде.

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

FastComments React Native преко NPM-а
Copy Copy
1
2npm install --save fastcomments-react-native
3
FastComments React Native преко Yarn-а
Copy Copy
1
2yarn add fastcomments-react-native
3

Конфигурација се специфицира мало другачије у поређењу са fastcomments-react библиотеком:

React Native пример
Copy Copy
1
2import { FastCommentsCommentWidget } from 'fastcomments-react-native';
3
4// ...
5
6 const tenantId = 'demo'; // Ваш tenant id. Може се добити са https://fastcomments.com/auth/my-account/api-secret
7 const pageId = 'native-test'; // ID или URL нити коментара у вашој апликацији.
8 const config = {
9 tenantId: tenantId,
10 urlId: pageId
11 };
12
13 return (
14 <FastCommentsCommentWidget config={config}/>
15 );
16

Ако сте у ЕУ, желећете да подесите параметар region:

React Native - EU
Copy Copy
1
2 // ...
3 const config = {
4 tenantId: tenantId,
5 urlId: pageId,
6 region: 'eu'
7 };
8 // ...
9

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

Vue Internal Link

Нашу Vue библиотеку можете пронаћи на NPM-у овде.

Додатно, vue-next библиотека је на NPM-у овде

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

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

Упутства испод су за Vue 3 пошто је изашао пре неког времена, међутим FastComments такође подржава Vue 2 преко fastcomments-vue библиотеке.

FastComments Vue преко NPM-а
Copy Copy
1
2npm install --save fastcomments-vue-next
3
FastComments Vue преко Yarn-а
Copy Copy
1
2yarn add fastcomments-vue-next
3
Vue пример
Copy 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 - EU
Copy Copy
1
2<fast-comments v-bind:config="{tenantId: 'demo', region: 'eu'}"/>
3

Библиотеке fastcomments-vue и fastcomments-vue-next подржавају исту конфигурацију као VanillaJS виџет за коментаре.

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

TypeScript Internal Link

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

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

Више инстанци на истој страници Internal Link

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

Уобичајени случајеви употребе Internal Link

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

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

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

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

Отстрањивање уобичајених проблема Internal Link

Овдје су неки симптоми са којима често наилазимо и уобичајена рјешења.

Порука "Ово је демо"

Ово се приказује када сте копирали код видгета са наше почетне странице, која користи наш демо tenant. Да бисте користили свој tenant, копирајте код видгета из овде.

Грешка "FastComments не може да се учита на овом домену"

FastComments мора знати које домене посједујете како би аутентификовао захтјеве повезане са вашим налогом. Погледајте нашу документацију да бисте видјели како ријешити ову грешку (једноставно додајте тачан субдомен + домен у ваш налог).

Имајте на уму да би ово требало да се деси само након што пробни период истекне. Током пробног периода, сви захтјеви са нових домена ће бити аутоматски додати у ваш рачун.

Мигрирани коментари се не приказују за прилагођене инсталације

Обично се ово дешава када увезени коментари имају везу са Page ID, а ви просљеђујете URL (или нема вриједности, у ком случају подразумевано је URL странице).

Можете ово дебуговати тако што ћете извезти своје коментаре и погледати колону URL ID (тренутно колона B).

Увјерите се да су вриједности које видите у колони URL ID исте вриједности које просљеђујете конфигурацији видгета као параметар urlId.

За додатно објашњење, покушајте прочитати нашу документацију Како су коментари везани за странице и чланке.

Ако ни то не помогне, обратите нам се.

Видгет коментара се не приказује

Ако се видгет коментара не приказује, провјерите Chrome конзолу за програмере за грешке.

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

Жељена конфигурација не ради како се очекује

Покушајте нашу Chrome екстензију да видите коју конфигурацију видгет коментара добија. Ако ништа не успије, направите снимак екрана онога што екстензија за Chrome приказује и обратите нам се.

Коментари недостају на истом URL-у са различитим хеш-банговима

По подразумјевaњу, FastComments ће користити URL странице као "канту" гдје се коментари чувају. Ако ваши URL-ови садрже #hashbangs, и ти #hashbangs не би требали бити дио идентификатора који идентификује нит коментара, можемо једноставно занемарити вриједност хеш-банга, на примјер:

Примјер занемаривања хеш-бангова
Copy 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>
5window.fcConfigs = [{
6 target: '#fastcomments-widget',
7 tenantId: "demo",
8 url: location.href.replace(location.hash, ''),
9 urlId: location.href.replace(location.hash, '')
10}];
11</script>
12

Имајте на уму да ће након ове промјене морати бити извршена миграција постојећих коментара. За то нам се обратите.

Параметри упита у URL-у који утичу на видгет

По подразумјевaњу, FastComments ће користити URL странице као "канту" гдје се коментари чувају. Ако ваши URL-ови садрже параметре упита који не би требали бити дио идентификатора који идентификује нит коментара, можемо их једноставно занемарити, на примјер:

Занемаривање параметара упита
Copy 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>
5window.fcConfigs = [{
6 target: '#fastcomments-widget',
7 tenantId: "demo",
8 url: location.protocol + '//' + location.host + location.pathname,
9 urlId: location.pathname
10}];
11</script>
12

Имајте на уму да ће након ове промјене морати бити извршена миграција постојећих коментара. За то нам се обратите.

Не примате е-пошту

У FastComments-у улажемо пуно рада како бисмо осигурали да је испорука наших мејлова што поузданија. Међутим, неки провајдери е-поште су познато тешки за поуздану доставу. Провјерите фолдер за нежељену пошту за поруке од fastcomments.com.

Ако нам се обратите, обично можемо пружити више увида у разлоге због којих можда не примате мејлове од нас.

Notion и Google Sites Internal Link

Желите да додате коментаре на своје Notion странице? Ми смо ту за вас.

Notion

За додавање коментарисања на Notion документе, погледајте видео објашњење овде.

Google Sites

Google Sites је такође подржан, а ток је сличан.

Допринети овом водичу