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

Инсталација

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

Ево неких симптома са којима се често сусрећемо и уобичајених решења.

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

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

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

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

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

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

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

Ово можете дебаговати извозом ваших коментара и прегледавањем колоне URL ID (тренутно колона B).

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

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

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

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

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

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

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

Испробајте наше Chrome проширење да видите која конфигурација се прослеђује виџету за коментаре. Ако све пропадне, направите снимак екрана шта chrome проширење каже и обратите нам се.

Коментари недостају на истом URL-у са различитим hash bang-ом

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

Пример игнорисања hash bang-ова
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5window.FastCommentsUI(document.getElementById('fastcomments-widget'), {
6 tenantId: "demo",
7 url: location.href.replace(location.hash, ''),
8 urlId: location.href.replace(location.hash, '')
9});
10</script>
11

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

URL параметри упита утичу на виџет

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

Игнориши параметре упита
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5window.FastCommentsUI(document.getElementById('fastcomments-widget'), {
6 tenantId: "demo",
7 url: location.protocol + '//' + location.host + location.pathname,
8 urlId: location.pathname
9});
10</script>
11

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

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

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

Ако нам се обратите обично можемо пружити више увида зашто можда не видите е-поште од нас.

Notion и Google Sites Internal Link

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

Notion

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

Google Sites

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

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