Add Comments To a Website

Instalacija

FastComments olakšava dodavanje komentara na vaš sajt, bilo da je statičan ili dinamičan, sa svetlom ili tamnom temom, za javne ili interne stranice. Treba da bude lako instalirati i prilagoditi je bilo kojoj vrsti sajta ili veb aplikacije. Ovo vam odmah omogućava komentarisanje uživo, bez potrebe za dodatnom konfiguracijom u mnogim slučajevima.

WordPress

Da biste dodali komentare na svoj WordPress sajt, naš WordPress dodatak možete naći ovde.

Kompletan vodič za instalaciju i dokumentacija za dodatak su ovde.

Ovaj dodatak podržava komentarisanje uživo, SSO i instalaciju bez kodiranja. Jednostavno sledite vodič za instalaciju na administratorskoj stranici nakon instaliranja dodatka. On će vas voditi kroz povezivanje vaše WordPress instalacije sa vašim nalogom.

Svi komentari ostavljeni putem FastComments preko našeg WordPress dodatka mogu biti automatski sinhronizovani nazad u vašu WordPress instalaciju tako da zadržite kontrolu nad svojim podacima. Ovo se može isključiti kako biste ograničili veličinu vaše WordPress baze podataka.

VanillaJS / HTML isječak

VanillaJS verzija vidžeta je najjednostavniji način da dodate komentare na vaš sajt, bez potrebe za build sistemima ili serverskim kodom.

Jednostavno dodajte sledeći isječak koda na bilo koju stranicu da biste dodali komentare na vaš sajt:

Simple Code Snippet
Copy Run 
<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
window.fcConfigs = [{
    "tenantId": "demo"
}];
</script>

Možete koristiti isti isječak koda na više stranica; on će automatski kreirati zasebnu nit po stranici.

Mnoge aplikacije imaju opciju "HTML Embed Code". Izaberite tu opciju i nalepite gorenavedeni isječak koda.

Takođe vam ne treba nalog da biste probali! Možda ćete u gornjem isječku videti "tenantId: demo" ako niste prijavljeni. Na taj način koristiće se demo nalog.

Dokumentaciju za konfigurisanje vidžeta možete naći ovde.

Sve verzije FastComments vidžeta su omotači oko osnovne VanillaJS biblioteke. To nam omogućava da dodajemo funkcije i popravljamo greške na jednom mestu - i izmene se automatski propagiraju na druge varijante widgeta za komentare.

Angular

Za dodavanje komentara na sajt izgrađen sa Angular-om, možete pronaći našu Angular biblioteku na NPM-u ovde.

FastComments Angular widget za komentare podržava sve iste funkcije kao i VanillaJS - komentarisanje uživo, sso, i tako dalje.

Biće vam potreban fastcomments-typescript, koji je peer zavisnost. Molimo proverite da je ovo uključeno u vašu TypeScript kompilaciju. U budućnosti će ova peer zavisnost biti premeštena u @types/fastcomments što će pojednostaviti ovu instalaciju.

FastComments Angular preko NPM-a

Copy

  npm install fastcomments-typescript --save
  npm install ngx-fastcomments --save

Peer zavisnost treba da bude dodata u vaš tsconfig.json fajl, na primer:

Dodavanje peer zavisnosti fastcomments-typescript

Copy

"include": [
  "src/**/*.ts",
  "node_modules/fastcomments-typescript/src/index.ts"
],

Zatim, dodajte FastCommentsModule u vašu aplikaciju:

Dodajte modul u vašu aplikaciju

Copy

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { FastCommentsModule } from 'ngx-fastcomments';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FastCommentsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Upotreba

Za početak, prosleđujemo config objekat za demo tenant:

Upotreba - Inline konfiguracija

Copy

<lib-fastcomments [config]="{ tenantId: 'demo' }"></lib-fastcomments>

Pošto konfiguracija može postati prilično komplikovana, možemo proslediti referencu na objekat:

Upotreba - Prosleđivanje objekta za konfiguraciju

Copy

<lib-fastcomments [config]="fastcommentsConfig"></lib-fastcomments>

Upotreba - EU

Copy

<lib-fastcomments [config]="{ tenantId: 'demo', region: 'eu' }"></lib-fastcomments>

Widget koristi detekciju promena, tako da promena bilo koje osobine konfiguracionog objekta izaziva njegovo ponovno učitavanje.

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

React

Za dodavanje komentara na sajt napravljen sa React, možete pronaći našu React biblioteku na NPM ovde.

FastComments React komentatorski widget podržava sve iste funkcije kao i VanillaJS — komentarisanje uživo, sso, i tako dalje.

FastComments React preko NPM-a

Copy

npm install --save fastcomments-react

FastComments React preko Yarn-a

Copy

yarn add fastcomments-react

Primer za React

Copy

import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
  render() {
    return <FastCommentsCommentWidget tenantId="demo" />
  }
}

Ako se nalazite u EU, treba da podesite region parametar ovako:

Primer za React - EU

Copy

    <FastCommentsCommentWidget tenantId="demo" region="eu" />

Možete pronaći konfiguraciju koju React komponenta podržava ovde.

React Native

Da biste dodali komentare u vašu React Native aplikaciju, možete pronaći našu React Native biblioteku na NPM ovde.

FastComments React Native vidžet za komentare podržava sve iste funkcionalnosti kao i VanillaJS verzija - komentarisanje uživo, SSO i tako dalje.

FastComments React Native putem NPM

Copy

npm install --save fastcomments-react-native

FastComments React Native putem Yarn

Copy

yarn add fastcomments-react-native

Konfiguracija se specificira malo drugačije u odnosu na biblioteku fastcomments-react:

Primer za React Native

Copy

import { FastCommentsCommentWidget } from 'fastcomments-react-native';
// ...
  const tenantId = 'demo'; // Vaš tenant id. Može se preuzeti sa https://fastcomments.com/auth/my-account/api-secret
  const pageId = 'native-test'; // ID ili URL niti komentara u vašoj aplikaciji.
  const config = {
    tenantId: tenantId,
    urlId: pageId
  };
  return (
      <FastCommentsCommentWidget config={config}/>
  );

Ako se nalazite u EU, trebalo bi da postavite region parametar:

React Native - EU

Copy

  // ...
  const config = {
    tenantId: tenantId,
    urlId: pageId,
    region: 'eu'
  };
  // ...

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

Vue

Da biste dodali komentare na vaš vebsajt napravljen u Vue, možete pronaći našu Vue biblioteku na NPM ovde.

Pored toga, biblioteka vue-next je na NPM ovde

Izvorni kod se može naći na GitHub.

FastComments Vue widget za komentare podržava sve iste funkcije kao i VanillaJS — komentarisanje uživo, sso, i tako dalje.

Sledeće instrukcije su za Vue 3 pošto je izašao već neko vreme, međutim FastComments takođe podržava Vue 2 preko biblioteke fastcomments-vue.

FastComments Vue preko NPM

Copy

npm install --save fastcomments-vue-next

FastComments Vue preko Yarn

Copy

yarn add fastcomments-vue-next

Primer za Vue

Copy

<template>
  <img alt="Vue logo" src="./assets/logo.png">
    <fast-comments v-bind:config="{tenantId: 'demo'}"/>
</template>
<script>
import {FastComments} from 'fastcomments-vue-next';
export default {
  name: 'App',
  components: {
    FastComments
  }
}
</script>

Ako ste u EU, trebalo bi da podesite region na EU:

FastComments Vue - EU

Copy

<fast-comments v-bind:config="{tenantId: 'demo', region: 'eu'}"/>

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

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

TypeScript

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

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

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

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.

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

<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
window.fcConfigs = [{
    target: '#fastcomments-widget',
    tenantId: "demo",
    url: location.href.replace(location.hash, ''),
    urlId: location.href.replace(location.hash, '')
}];
</script>

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

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

<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
window.fcConfigs = [{
    target: '#fastcomments-widget',
    tenantId: "demo",
    url: location.protocol + '//' + location.host + location.pathname,
    urlId: location.pathname
}];
</script>

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

Želite da dodate komentare na svoje Notion stranice, Google Sites ili Nimbus Notes? Mi smo tu za vas.

Notion

Za dodavanje komentara na Notion dokumente, pogledajte objašnjavajući video ovde.

Google Sites

Google Sites je takođe podržan, i postupak je sličan.

Kreirajte konverzaciju za ugradnju.
Kada uređujete svoj Google Site, idite na Insert -> Embed. Izaberite By URL.
Nalepite URL iz Koraka 1.
Pritisnite Insert. Gotovo!

Napomena: Komentari se neće pojaviti dok ne objavite

Nimbus Note

Dodavanje komentara uživo u Nimbus Note takođe je podržano, a postupak je sličan kao kod Notion.

Kreirajte konverzaciju za ugradnju.
Dok uređujete svoju belešku, dodajte blok za ugradnju.
Koristite URL iz Koraka 1 kao URL za ugradnju.
Gotovo!

Sledeći vodič

Pluginovi trećih strana

Prilagođene instalacije

Ugrađivanje u dokumente

Add Comments To a Website

Instalacija

WordPress

VanillaJS / HTML isječak

Angular

Upotreba

React

React Native

Vue

TypeScript

Više instanci na istoj stranici

Uobičajeni slučajevi upotrebe

Prikaži komentare uživo odmah

Dozvoli anonimno komentarisanje

Otklanjanje uobičajenih problema

"This is a demo" Message

"FastComments cannot load on this domain" Error

Migrated Comments Not Showing for Custom Installations

Comment Widget Not Showing

Desired Configuration Not Working as Expected

Comments Missing on Same URL With Different Hash Bang

URL Query Parameters Affecting Widget

Not Receiving Emails

Notion i Google Sites

Notion

Google Sites

Nimbus Note

Jezik 🇷🇸 Srpski (Latinica)

Pluginovi trećih strana

Prilagođene instalacije

Ugrađivanje u dokumente

Add Comments To a Website

Instalacija

WordPress

VanillaJS / HTML isječak

Angular

Upotreba

React

React Native

Vue

TypeScript

Više instanci na istoj stranici

Uobičajeni slučajevi upotrebe

Prikaži komentare uživo odmah

Dozvoli anonimno komentarisanje

Otklanjanje uobičajenih problema

"This is a demo" Message

"FastComments cannot load on this domain" Error

Migrated Comments Not Showing for Custom Installations

Comment Widget Not Showing

Desired Configuration Not Working as Expected

Comments Missing on Same URL With Different Hash Bang

URL Query Parameters Affecting Widget

Not Receiving Emails

Notion i Google Sites

Notion

Google Sites

Nimbus Note