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

Evo nekih simptoma na koje često nailazimo i uobičajenih rješenja.

"This is a demo" Message

Ovo se prikazuje kada ste kopirali kod widgeta sa naše početne stranice, koja koristi naš demo tenant. Da biste koristili svoj tenant, kopirajte kod widgeta sa ovdje.

"FastComments cannot load on this domain" Error

FastComments mora znati koji domeni pripadaju vama kako bi autentifikovao zahtjeve povezane sa vašim nalogom. Pogledajte našu dokumentaciju da vidite kako riješiti ovu grešku (jednostavno dodajte tačan subdomen + domen na vaš nalog).

Obratite pažnju da bi se ovo trebalo pojaviti samo nakon isteka probnog perioda. Tokom probnog perioda, svi zahtjevi sa novih domena će automatski biti dodani na vaš nalog.

Migrated Comments Not Showing for Custom Installations

Obično se ovo dešava kada su uvezeni komentari vezani za Page ID, a vi prosljeđujete URL (ili nijednu vrijednost, u kom slučaju se koristi zadani URL stranice).

Možete ovo otkloniti tako što ćete izvesti svoje komentare i pogledati stupac URL ID (trenutno stupac B).

Osigurajte da su vrijednosti koje vidite u stupcu URL ID iste vrijednosti koje prosljeđujete konfiguraciji widgeta kao parametar urlId.

Za daljnje objašnjenje, pokušajte pročitati našu dokumentaciju How Comments are Tied to Pages and Articles.

Ako ništa drugo ne pomogne, obratite nam se.

Comment Widget Not Showing

Ako se komentar widget ne prikazuje, provjerite Chrome konzolu za razvojne programere zbog grešaka.

Za većinu pogrešnih konfiguracija, widget će bar prikazati grešku na stranici ako je uopšte može učitati. To što se ne vidi ništa obično je indikacija greške u skripti.

Desired Configuration Not Working as Expected

Isprobajte našu Chrome ekstenziju da vidite koju konfiguraciju widget prima. Ako ništa ne pomogne, napravite snimak ekrana onoga što Chrome ekstenzija prikazuje i obratite nam se.

Comments Missing on Same URL With Different Hash Bang

Po defaultu, FastComments će koristiti URL stranice za "bucket" gdje se komentari pohranjuju. Ako vaši URL-ovi uključuju #hashbangs, i ti #hashbangs ne bi trebali biti dio identifikatora koji određuje thread komentara, možemo jednostavno ignorisati vrijednost hash banga, na primjer:

Primjer ignorisanja hash-bangova
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

Obratite pažnju da će nakon ove promjene migracija morati biti izvršena za postojeće komentare. Za to, obratite nam se.

URL Query Parameters Affecting Widget

Po defaultu, FastComments će koristiti URL stranice za "bucket" gdje se komentari pohranjuju. Ako vaši URL-ovi uključuju query parametre koji ne bi trebali biti dio identifikatora koji određuje thread komentara, možemo ih jednostavno ignorisati, na primjer:

Ignoriši parametre upita
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

Obratite pažnju da će nakon ove promjene migracija morati biti izvršena za postojeće komentare. Za to, obratite nam se.

Not Receiving Emails

U FastComments ulažemo mnogo truda da naša dostava e-poruka bude što pouzdanija. Međutim, nekim provajderima e-pošte je izuzetno teško pouzdano dostaviti poruke. Provjerite svoju mapu neželjene pošte za poruke od fastcomments.com.

Ako nam se obratite obično možemo pružiti više informacija zašto možda ne vidite naše e-poruke.

Notion и Google Sites Internal Link

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

Notion

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

Google Sites

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

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