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

Dodaci 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

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 nekih simptoma sa kojima se često susrećemo i uobičajenih rešenja.

Poruka "Ovo je demo"

Ovo se prikazuje kada ste kopirali kod vidžeta sa naše početne stranice, koji koristi naš demo zakupac. Za korišćenje vašeg zakupca, kopirajte kod vidžeta odavde.

Greška "FastComments ne može se učitati na ovom domenu"

FastComments mora znati koji domeni su u vašem vlasništvu kako bi autentifikovao zahteve povezane sa vašim nalogom. Pogledajte našu dokumentaciju da biste videli kako da rešite ovu grešku (jednostavno dodajte tačan poddomen + 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 automatski će se dodati na vaš nalog.

Migrirani komentari se ne prikazuju za prilagođene instalacije

Obično se to dešava kada su uvezeni komentari vezani za Page ID, a vi prosleđujete URL (ili nikakvu vrednost, u kom slučaju se koristi URL stranice).

Ovo možete debagovati izvozom vaših komentara i pregledavanjem kolone URL ID (trenutno kolona B).

Osigurajte da su vrednosti koje vidite u koloni URL ID iste vrednosti koje prosleđujete konfiguraciji vidžeta kao parametar urlId.

Za dodatno objašnjenje, pokušajte pročitati našu dokumentaciju Kako su komentari vezani za stranice i članke.

Ako sve drugo ne uspe, obratite nam se.

Vidžet za komentare se ne prikazuje

Ako se vidžet za komentare ne prikazuje, proverite Chrome developer konzolu za greške.

Za većinu pogrešnih konfiguracija, vidžet za komentare će barem prikazati grešku na stranici ako se može učitati. Ne videti ništa obično ukazuje na skriptnu grešku.

Željena konfiguracija ne radi kako se očekuje

Isprobajte naše Chrome proširenje da vidite koja konfiguracija se prosleđuje vidžetu za komentare. Ako sve propadne, napravite snimak ekrana šta chrome proširenje kaže i obratite nam se.

Komentari nedostaju na istom URL-u sa različitim hash bang-om

Prema podrazumevanim podešavanjima, FastComments će koristiti URL stranice za "bucket" gde se komentari čuvaju. Ako vaši URL-ovi uključuju #hashbang-ove, i ti #hashbang-ovi ne bi trebali biti deo identifikatora koji identifikuje nit komentara, možemo jednostavno ignorisati hash bang vrednost, na primer:

Primer ignorisanja hash bang-ova
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

Imajte na umu da će nakon ove promene biti potrebna migracija za postojeće komentare. Za to nam se obratite.

URL parametri upita utiču na vidžet

Prema podrazumevanim podešavanjima, FastComments će koristiti URL stranice za "bucket" gde se komentari čuvaju. Ako vaši URL-ovi uključuju parametre upita koji ne bi trebali biti deo identifikatora koji identifikuje nit komentara, možemo ih jednostavno ignorisati, na primer:

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

Imajte na umu da će nakon ove promene biti potrebna migracija za postojeće komentare. Za to nam se obratite.

Ne primate e-pošte

U FastComments-u ulažemo mnogo truda kako bismo osigurali da je isporuka naših e-poruka što pouzdanija. Međutim, nekim provajderima e-pošte je notorno teško pouzdano isporučivati. Proverite vašu spam fasciklu za poruke od fastcomments.com.

Ako nam se obratite obično možemo pružiti više uvida zašto možda ne vidite e-pošte 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