FastComments.com

Menu Icon

Jezik 🇷🇸 Srpski (Latinica)
🇺🇸 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

Pluginovi trećih strana

WordPress

Prilagođene instalacije

VanillaJS / HTML isječak
Angular
React
React Native
Vue
TypeScript
Više instanci na istoj stranici
Uobičajeni slučajevi upotrebe
Otklanjanje uobičajenih problema

Ugrađivanje u dokumente

Notion i Google Sites

Add Comments To a Website

Instalacija

FastComments je dizajniran da se može instalirati na bilo koju vrstu stranice - statičku ili dinamičku, sa svetlom ili tamnom temom, javne ili interne stranice. Trebalo bi da bude lako instalirati i prilagoditi bilo kojoj vrsti sajta ili veb-aplikacije.

WordPress Internal Link

Naš WordPress dodatak možete pronaći ovde.

Kompletan vodič za instalaciju i dokumentacija o dodatku nalaze se ovde.

Ovaj dodatak podržava komentarisanje uživo, SSO i instalaciju bez koda.

VanillaJS / HTML isječak Internal Link

VanillaJS verzija vidžeta je veoma jednostavna za instalaciju, ne zahteva sisteme za izgradnju ili kod na strani servera.

Jednostavno dodajte sledeći isečak koda na bilo koju stranicu:

Jednostavan isečak koda
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

Možete koristiti isti isečak koda na mnogim stranicama; automatski će kreirati zasebnu nit za svaku stranicu.

Dokumentaciju o konfigurisanju vidžeta možete pronaći ovde.

Angular Internal Link

Našu Angular biblioteku možete pronaći na NPM-u ovde.

FastComments Angular vidžet za komentare podržava sve iste funkcije kao VanillaJS verzija — komentarisanje u realnom vremenu, SSO i tako dalje.

Trebaće vam fastcomments-typescript, koji je peer zavisnost. Molimo osigurajte da je uključen u vašu TypeScript kompilaciju. U budućnosti će ova peer zavisnost biti premeštena u @types/fastcomments što će pojednostaviti instalaciju.

FastComments Angular preko NPM-a
Copy Copy
1
2 npm install fastcomments-typescript --save
3 npm install ngx-fastcomments --save
4

Peer zavisnost treba dodati u vašu tsconfig.json datoteku, na primer:

Dodavanje fastcomments-typescript peer zavisnosti
Copy Copy
1
2"include": [
3 "src/**/*.ts",
4 "node_modules/fastcomments-typescript/src/index.ts"
5],
6

Zatim dodajte FastCommentsModule u vašu aplikaciju:

Dodajte modul u vašu aplikaciju
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

Korišćenje

Za početak, prosleđujemo konfiguracijski objekat za demo zakupca:

Korišćenje - Inline konfiguracija
Copy Copy
1
2<lib-fastcomments [config]="{ tenantId: 'demo' }"></lib-fastcomments>
3

Pošto konfiguracija može postati prilično složena, možemo proslediti referencu objekta:

Korišćenje - Prosledi objekat za konfiguraciju
Copy Copy
1
2<lib-fastcomments [config]="fastcommentsConfig"></lib-fastcomments>
3
Korišćenje - EU
Copy Copy
1
2<lib-fastcomments [config]="{ tenantId: 'demo', region: 'eu' }"></lib-fastcomments>
3

Vidžet koristi detekciju promena, tako da će promena bilo kojih svojstava konfiguracijskog objekta uzrokovati ponovno učitavanje.

Konfiguraciju koju Angular komponenta podržava možete pronaći ovde.

React Internal Link

Našu React biblioteku možete pronaći na NPM-u ovde.

FastComments React vidžet za komentare podržava sve iste funkcije kao VanillaJS verzija — komentarisanje u realnom vremenu, SSO i tako dalje.

FastComments React preko NPM-a
Copy Copy
1
2npm install --save fastcomments-react
3
FastComments React preko Yarn-a
Copy Copy
1
2yarn add fastcomments-react
3
React primer
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

Ako ste u EU, želećete da podesite parametar region ovako:

React primer - EU
Copy Copy
1
2 <FastCommentsCommentWidget tenantId="demo" region="eu" />
3

Konfiguraciju koju React komponenta podržava možete pronaći ovde.

React Native Internal Link

Našu React Native biblioteku možete pronaći na NPM-u ovde.

FastComments React Native vidžet za komentare podržava sve iste funkcije kao VanillaJS verzija — komentarisanje u realnom vremenu, SSO i tako dalje.

FastComments React Native preko NPM-a
Copy Copy
1
2npm install --save fastcomments-react-native
3
FastComments React Native preko Yarn-a
Copy Copy
1
2yarn add fastcomments-react-native
3

Konfiguracija se specificira malo drugačije u poređenju sa fastcomments-react bibliotekom:

React Native primer
Copy Copy
1
2import { FastCommentsCommentWidget } from 'fastcomments-react-native';
3
4// ...
5
6 const tenantId = 'demo'; // Vaš tenant id. Može se dobiti sa https://fastcomments.com/auth/my-account/api-secret
7 const pageId = 'native-test'; // ID ili URL niti komentara u vašoj aplikaciji.
8 const config = {
9 tenantId: tenantId,
10 urlId: pageId
11 };
12
13 return (
14 <FastCommentsCommentWidget config={config}/>
15 );
16

Ako ste u EU, želećete da podesite parametar region:

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

Konfiguraciju koju React Native komponenta podržava možete pronaći ovde.

Vue Internal Link

Našu Vue biblioteku možete pronaći na NPM-u ovde.

Dodatno, vue-next biblioteka je na NPM-u ovde

Izvorni kod možete pronaći na GitHub-u.

FastComments Vue vidžet za komentare podržava sve iste funkcije kao VanillaJS verzija — komentarisanje u realnom vremenu, SSO i tako dalje.

Uputstva ispod su za Vue 3 pošto je izašao pre nekog vremena, međutim FastComments takođe podržava Vue 2 preko fastcomments-vue biblioteke.

FastComments Vue preko NPM-a
Copy Copy
1
2npm install --save fastcomments-vue-next
3
FastComments Vue preko Yarn-a
Copy Copy
1
2yarn add fastcomments-vue-next
3
Vue primer
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

Ako ste u EU, želećete da podesite region na EU:

FastComments Vue - EU
Copy Copy
1
2<fast-comments v-bind:config="{tenantId: 'demo', region: 'eu'}"/>
3

Biblioteke fastcomments-vue i fastcomments-vue-next podržavaju istu konfiguraciju kao VanillaJS vidžet za komentare.

Konfiguraciju koju Vue komponenta podržava možete pronaći ovde.

TypeScript Internal Link

TypeScript definicije za FastComments mogu se pronaći na NPM-u ovde.

Možete ih pronaći na GitHub-u ovde.

Više instanci na istoj stranici Internal Link

Svaka instanca vidžeta za komentare je izolovana. Zbog toga FastComments prirodno podržava više od jedne instance po stranici.

Uobičajeni slučajevi upotrebe Internal Link

Prikaži komentare uživo odmah

Vidžet za komentare je uživo po podrazumevanoj vrednosti, ali se komentari uživo pojavljuju ispod dugmeta "Prikaži N novih komentara".

Dozvoli anonimno komentarisanje

Po podrazumevanoj vrednosti, FastComments zahteva da korisnik ostavi e-poštu prilikom komentarisanja. Ovo se može onemogućiti.

Otklanjanje uobičajenih problema Internal Link

Evo nekoliko simptoma koje često viđamo i uobičajena reš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 ovde.

"FastComments cannot load on this domain" Error

FastComments mora znati koje domene posedujete kako bi autentifikovao zahteve povezane sa vašim nalogom. Pogledajte našu dokumentaciju da vidite kako da rešite ovu grešku (jednostavno dodajte tačan subdomen + domen na vaš nalog).

Imajte na umu da bi se ovo trebalo desiti samo nakon isteka probnog perioda. Tokom probnog perioda, svi zahtevi sa novih domena će automatski biti dodati 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 prosleđujete URL (ili nijednu vrednost, u kom slučaju podrazumevano je URL stranice).

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

Uverite se da su vrednosti koje vidite u koloni URL ID iste vrednosti koje prosleđujete u konfiguraciji widgeta kao parametar urlId.

Za dalje objašnjenje, pokušajte da pročitate našu How Comments are Tied to Pages and Articles documentation.

Ako ništa ne pomogne, kontaktirajte nas.

Comment Widget Not Showing

Ako se komentar widget ne prikazuje, proverite Chrome developer konzolu za greške.

Za većinu pogrešnih konfiguracija, komentar widget će bar prikazati grešku na stranici ako je u stanju da se učita. Ako se ništa ne vidi, obično je to indikator skript greške.

Desired Configuration Not Working as Expected

Isprobajte našu Chrome ekstenziju da vidite koju konfiguraciju komentar widget dobija. Ako ništa ne pomogne, napravite screenshot onoga što Chrome ekstenzija prikazuje i kontaktirajte nas.

Comments Missing on Same URL With Different Hash Bang

By default, FastComments will use the page URL for the "bucket" where comments are stored. If your URLs include #hashbangs, and these #hashbangs should not be part of the identifier that identifies a comment thread, we can simply ignore the hash bang value, for example:

Primer 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

Imajte na umu da će nakon ove promene morati da se izvrši migracija za postojeće komentare. U vezi sa tim, kontaktirajte nas.

URL Query Parameters Affecting Widget

By default, FastComments will use the page URL for the "bucket" where comments are stored. If your URLs include query parameters that should not be part of the identifier that identifies a comment thread, we can simply ignore them, for example:

Primer ignorisanja parametara 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

Imajte na umu da će nakon ove promene morati da se izvrši migracija za postojeće komentare. U vezi sa tim, kontaktirajte nas.

Not Receiving Emails

U FastComments ulažemo mnogo truda da obezbedimo što pouzdaniju isporuku mejlova. Ipak, neki provajderi e-pošte su poznato teško dostupni za pouzdanu isporuku. Proverite svoj spam folder za poruke od fastcomments.com.

Ako nas kontaktirate obično možemo pružiti više informacija zašto možda ne vidite mejlove od nas.

Notion i Google Sites Internal Link

Želite da dodate komentare na svoje Notion stranice? Mi smo tu za vas.

Notion

Za dodavanje komentarisanja na Notion dokumente, pogledajte video objašnjenje ovde.

Google Sites

Google Sites je takođe podržan, a tok je sličan.

Doprinesite ovom vodiču