Add Comments To a Website

Instalacija

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

WordPress

Да бисте додали коментаре на ваш WordPress сајт, наш WordPress додатак можете пронаћи овдје.

Комплетан водич за инсталацију и документација о додатку су овдје.

Овај додатак подржава коментарисање уживо, SSO и инсталацију без кода. Једноставно пратите водич за инсталацију на админ страници након инсталирања додатка. Он ће вас провести кроз повезивање ваше WordPress инсталације са вашим налогом.

Сви коментари остављени помоћу FastComments преко нашег WordPress додатка могу бити аутоматски синхронизовани назад у вашу WordPress инсталацију тако да задржите контролу над вашим подацима. Ово се може искључити да бисте ограничили величину ваше WordPress базе података.

VanillaJS / HTML исечак

VanillaJS верзија видџета је најједноставнији начин да додате коментаре на вашу веб-страницу, без потребе за build системима или серверским кодом.

Jednostavno додате следећи фрагмент кода на било коју страницу да бисте додали коментаре на ваш сајт:

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>

Исти фрагмент кода можете користити на више страница; он ће аутоматски креирати засебну нит за сваку страницу.

Mnoge aplikacije imaju opciju "HTML Embed Code". Odaberite tu opciju i zalijepite gornji fragmenat koda.

Ne trebate nalog da biste to isprobali! Možda ćete vidjeti "tenantId: demo" u gornjem примеру ако нисте пријављени. На тај начин ће се користити demo налог.

Документацију о конфигурисању видџета можете пронаћи овде.

Све верзије FastComments видџета су омотаци око основне VanillaJS библиотеке. То нам омогућава да додавамо функције и исправљамо проблеме на једном месту - и измене се аутоматски пропагирају на остале варијанте видџета за коментаре.

Angular

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

FastComments Angular komentarski widget podržava sve iste funkcije kao i VanillaJS - live komentarisanje, SSO i slično.

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

FastComments Angular preko NPM

Copy

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

Peer zavisnost treba biti dodana u vaš tsconfig.json fajl, na primjer:

Dodavanje fastcomments-typescript peer zavisnosti

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

Da biste započeli, prosljeđ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 složena, možemo proslijediti referencu na objekat:

Upotreba - Proslijedite objekt za konfiguraciju

Copy

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

Upotreba - EU

Copy

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

Widget koristi detekciju promjena, tako da promjena bilo koje svojine konfiguracionog objekta prouzrokuje njegovo ponovno učitavanje.

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

React

За додавање коментара на сајт направљен уз React, нашу React библиотеку можете пронаћи на NPM овде.

FastComments React коментарски видгет подржава све исте функције као и VanillaJS — уживо коментарисање, SSO, и тако даље.

FastComments React преко NPM

Copy

npm install --save fastcomments-react

FastComments React преко Yarn

Copy

yarn add fastcomments-react

React Пример

Copy

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

Ако се налазите у ЕУ, треба да подесите параметар region на следећи начин:

React Пример - ЕУ

Copy

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

Конфигурацију коју React компонента подржава можете пронаћи овде.

React Native

Da dodate komentare u svoju React Native aplikaciju, našu React Native biblioteku možete pronaći na NPM-u ovdje.

The FastComments React Native commenting widget supports all of the same features of the VanillaJS one - komentarisanje u stvarnom vremenu, SSO, i slično.

FastComments React Native putem NPM-a

Copy

npm install --save fastcomments-react-native

FastComments React Native putem Yarn-a

Copy

yarn add fastcomments-react-native

Konfiguracija se malo razlikuje u poređenju sa bibliotekom fastcomments-react:

Primjer React Native

Copy

import { FastCommentsCommentWidget } from 'fastcomments-react-native';
// ...
  const tenantId = 'demo'; // Vaš tenant id. Može se dobiti 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, trebali biste postaviti parametar region:

React Native - EU

Copy

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

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

Vue

Da biste dodali komentare na svoju web stranicu izgrađenu koristeći Vue, naš Vue paket možete pronaći na NPM-u ovdje.

Takođe, biblioteka vue-next je na NPM-u ovdje

Izvorni kod možete pronaći na GitHub.

FastComments Vue vidžet za komentare podržava sve iste funkcije kao i VanillaJS - komentarisanje uživo, SSO i slično.

Upute ispod su za Vue 3 jer je već neko vrijeme dostupan, međutim FastComments takođe podržava Vue 2 putem biblioteke fastcomments-vue.

FastComments Vue putem NPM-a

Copy

npm install --save fastcomments-vue-next

FastComments Vue putem Yarn-a

Copy

yarn add fastcomments-vue-next

Primjer 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, trebate postaviti 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 VanillaJS vidžet za komentare.

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

TypeScript

TypeScript дефиниције за FastComments могу се пронаћи на NPM-у овде.

Можете их пронаћи на GitHub-у овде.

Више инстанци на истој страници

Свака инстанца виџета за коментаре је изолована. Због тога FastComments природно подржава више од једне инстанце по страници.

Чести случајеви употребе

Прикажи коментаре уживо одмах

Виџет за коментаре је уживо по подразумеваној вредности, али се коментари уживо појављују испод дугмета "Прикажи N нових коментара".

Дозволи анонимно коментарисање

По подразумеваној вредности, FastComments захтева да корисник остави е-пошту приликом коментарисања. Ово се може онемогућити.

Решавање уобичајених проблема

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.

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

<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>

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

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

<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>

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

Желите додати коментаре на ваше Notion странице, Google Sites, или Nimbus Notes? Имамо рјешење.

Notion

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

Google Sites

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

Create a conversation to embed.
Приликом уређивања ваше Google странице, идите на Insert -> Embed. Изаберите By URL.
Залепите URL из корака 1.
Кликните на Insert. Готово!

Напомена: Коментари се неће појавити док не објавите

Nimbus Note

Додавање живог коментарисања у Nimbus Note такође је подржано, а поступак је сличан као код Notion-а.

Create a conversation to embed.
Приликом уређивања ваше белешке, додајте блок за уграђивање.
Користите URL из корака 1 као URL за уграђивање.
Готово!

Следећи водич

Додаци треће стране

Прилагођене инсталације

Уметање у документе

Add Comments To a Website

Instalacija

WordPress

VanillaJS / HTML исечак

Angular

Upotreba

React

React Native

Vue

TypeScript

Више инстанци на истој страници

Чести случајеви употребе

Прикажи коментаре уживо одмах

Дозволи анонимно коментарисање

Решавање уобичајених проблема

"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 и Google Sites

Notion

Google Sites

Nimbus Note

Језик 🇧🇦 Српски (БиХ)

Додаци треће стране

Прилагођене инсталације

Уметање у документе

Add Comments To a Website

Instalacija

WordPress

VanillaJS / HTML исечак

Angular

Upotreba

React

React Native

Vue

TypeScript

Више инстанци на истој страници

Чести случајеви употребе

Прикажи коментаре уживо одмах

Дозволи анонимно коментарисање

Решавање уобичајених проблема

"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 и Google Sites

Notion

Google Sites

Nimbus Note