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

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

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

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

Грешка "FastComments cannot load on this domain"

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

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

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

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

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

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

За додатно објашњење, покушајте да прочитате нашу документацију How Comments are Tied to Pages and Articles.

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

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

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

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

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

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

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

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

Пример игнорисања hash-bang вредности
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 параметри упита који утичу на видгет

По подразумеваној поставци, 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 је такође подржан, а ток је сличан.

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