FastComments.com

Прилагођавања и конфигурација

Прилагођавања и конфигурација

Контекст

Овде ћете пронаћи детаљну документацију за све функције и подешавања које коментарски видгет подржава.

Ова документација покрива основне појмове и детаљно се бави сваком областом функционалности, укључујући упутства корак-по-корак и честе замке.

Прузиће се примери кода са истакнутим релевантним линијама. Снимци екрана страница за конфигурацију биће обезбеђени када је то примењиво.

Примери кода ће користити нашу vanilla JavaScript библиотеку, међутим опције конфигурације имају идентична имена у свим верзијама коментарског видгета (React, Vue и др.).

Већина конфигурација и функција описаних у овом водичу не захтева писање кода.

Приказ истих коментара на различитим страницама Internal Link

Пошто параметар urlId омогућава да дефинишемо на коју страницу, односно који id, су везани коментари, можемо једноставно поставити urlId на исту вредност на тим страницама.

The Same Comments on Multiple Pages
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 "urlId": "https://example.com/source-page"
8}];
9</script>
10

Прилагођени фонтови Internal Link

FastComments је дизајниран да се прилагоди, и фонт који наши видгети користе није изузетак.

Подразумевано, FastComments користи system font stack како би изгледао што боље на широком спектру уређаја.

Да бисте дефинисали сопствене фонтове, погледајте Документација о прилагођеном CSS-у.

Тамо ћете пронаћи начин да дефинишете прилагођени CSS, који ће вам омогућити да подесите жељене фонтове.

Како дефинисати фонт

Да бисте заменили фонт, препоручујемо да дефинишете ваш CSS користећи селекторе .fast-comments, textarea. На пример:

Пример прилагођеног спољног фонта
Copy CopyRun External Link
1
2@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
3.fast-comments, textarea {
4 font-family: 'Roboto', sans-serif;
5}
6

Подршка за тамне позадине (тамни режим) Internal Link

Подразумевано, FastComments видгет за коментаре ће аутоматски открити тамни режим на већини сајтова.

Када се открије тамни режим, FastComments ће променити црни текст на белој позадини у бели текст на црној позадини. И слике ће се такође променити.

При учитавању странице, видгет ће покушати да одреди колико је тамна позадина странице иза видгета за коментаре. То значи да страница може имати белу позадину, али ако поставите видгет за коментаре у контејнер са црном позадином, тамни режим би и даље требао бити аутоматски омогућен како би коментари били читљиви.

Међутим, механизам детекције, који се ослања на одређивање "осветљености", можда неће омогућити тамни режим када то желите. Да бисте га принудно укључили, поставите флаг hasDarkBackground на true на следећи начин:

Force Dark Background Mode
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 "hasDarkBackground": true
8}];
9</script>
10

Повезивање коментара са страницама Internal Link

Када се шаљу е-поруке са обавештењима, или када се коментари приказују у корисничким интерфејсима као што је страница за модерацију, корисно је моћи повезати коментар са страницом на којој се налази.

Ако URL ID није увек прави идентификатор, онда морамо да сачувамо URL негде друго. Зато постоји својство "url", које је дефинисано на следећи начин.

Defining a Custom URL
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 "url": "https://example.com/article-5"
8}];
9</script>
10

Чест случај употребе је повезивање нити коментара са идентификатором, као што је чланак, а затим повратно повезивање на одређену страницу, на пример:

Defining Custom URL and URL IDs together
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 "url": "https://example.com/article-5",
8 "urlId": "article-5"
9}];
10</script>
11

URL се не уклања од уобичајених маркетиншких параметара. По подразумеваној вредности, шта год да је тренутни URL странице, то је URL који се чува уз коментар.

Одређивање које странице приказати Internal Link

При преузимању и приказивању коментара, видгет за коментаре мора знати са које странице да почне. Подразумевано, он почиње са прве странице и приказује само ту страницу.

Ако желите, тачно која страница треба да се прикаже може бити прослеђена видгету за коментаре као подешавање startingPage.

Specifying The Page to Render
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 "startingPage": 1
8}];
9</script>
10

Имајте у виду да бројеви страница почињу од нуле, тако да горе наведен пример приказује другу страницу.

Пребацивање тема коментара без поновног учитавања странице Internal Link

Објаснили смо како је urlId идентификатор странице или чланка на који су коментари везани.

Такође, да поновимо, ако није дефинисан, urlId ће подразумевано бити URL тренутне странице.

А шта је са SPA апликацијама, односно Single-Page-Application апликацијама, где се страница или садржај на који су коментари везани мења динамички, без поновног учитавања странице?

Angular, React, Vue, итд

Са нашим библиотекама као што су Angular и React, једноставна измена urlId својства које се прослеђује виџету изазваће освежавање виџета за коментаре. Ово можете видети у акцији за React апликацију, на пример, овде.

VanillaJS

Ако користите VanillaJS библиотеку, нешто је компликованије јер не постоји фрејмворк попут Angular или React који би обрадио data binding или пропагацију стања.

Када инстанцирате VanillaJS виџет, он враћа неке функције које се могу позвати да би се ажурирао.

Ево функционалног примера у коме мењамо hash странице и ажурирамо виџет за коментаре:

Пример промене hash вредности странице
Copy CopyRun External Link
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<button id="change-page"></button>
4<div id="fastcomments-widget"></div>
5<script>
6 (function fastCommentsMain() {
7 let config = {
8 tenantId: 'demo'
9 };
10 let instance = window.FastCommentsUI(document.getElementById('fastcomments-widget'), config);
11
12 let page = '#page-1';
13 function getNextPage() {
14 if (page === '#page-1') {
15 return '#page-2';
16 } else {
17 return '#page-1';
18 }
19 }
20
21 let button = document.getElementById('change-page');
22 function nextPage() {
23 page = getNextPage();
24 button.innerText = 'Go to ' + getNextPage();
25 window.location.hash = page;
26 let locationString = window.location.toString();
27
28 config.url = locationString; // Ажурирамо и url, како обавештења могу да воде ка правој страници
29 config.urlId = locationString;
30
31 instance.update(config);
32 }
33 nextPage();
34 button.addEventListener('click', nextPage);
35 })();
36</script>
37

Искључивање преусмеравања слика Internal Link

Подразумевано, FastComments дозвољава корисницима да отпремају слике. Када корисник кликне на ту слику, FastComments ће, подразумевано, отворити нову картицу да би приказао слику у пуној величини. Постављање ове ознаке на true онемогућава то понашање:

Disable Image Redirect
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 "disableImageRedirect": true
8}];
9</script>
10

Ако не намеравате сами да обрађујете кликове на слику (погледајте onImageClicked), препоручујемо да се ово комбинује са одговарајућим стиловањем које уклања визуелни утисак да је слика кликабилна.

Истицање нових коментара Internal Link

FastComments нуди неколико начина за истицање нових коментара.

Прво и најважније, подразумевано ће коментари који су покренули нотификацију у апликацији (одговори, одговори у истој дискусији или коментари на страници на коју сте претплаћени) аутоматски бити истакнути тако што ће кориснички аватар благо светлити. Боја се може прилагодити преко CSS-а користећи класу is-unread.

Коментари објављени у последњих 24 сата имају додељену класу 24hr која се може користити за стилизовање.

Коначно, сви нови коментари уживо који се појаве у корисничкој сесији биће истакнути неколико секунди помоћу анимације. Ово се постиже помоћу CSS класе is-live и такође се може прилагодити.

Шаблони е-поште Internal Link

Е-поруке које FastComments шаље вашим корисницима могу се прилагодити. Шаблон, логика и преводи могу се мењати. Текст се може прилагодити по локали, а изглед се може чак мењати по домену. Сазнајте више о прилагођеним шаблонима е-порука овде.

Нови живи коментари на дно Internal Link

По подразумеваној вредности, нови коментари уживо појављују се на врху листе коментара како се објављују у реалном времену.

Када је ова опција омогућена, нови коментари уживо ће се уместо тога додавати на дно листе. Ово утиче на то како се коментари појављују када се објављују уживо док корисници прегледају нит коментара.

New Live Comments to Bottom
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 "newCommentsToBottom": true
8}];
9</script>
10

Када је ова поставка омогућена:

  • Нови коментари уживо које објаве други корисници појављиваће се на дну листе коментара
  • Корисници ће видети нове коментаре како се у реалном времену појављују испод постојећих коментара
  • Ово утиче само на ажурирања коментара уживо - не и на почетно учитавање странице
  • Ово може помоћи у одржавању тока читања када корисници прате дискусију

Имајте на уму да ова поставка утиче само на то где се нови коментари уживо смештају док стижу у реалном времену. Она не утиче на почетни редослед приликом учитавања странице.

Омогући бесконачно скроловање Internal Link

По подразумеваној вредности, FastComments видгет ће аутоматски прилагођавати вертикалну висину да уклопи све видљиве коментаре. Пагинација се остварује преко дугмета "Прикажи следеће" на крају тренутне странице, јер смо утврдили да је то интеракција која већини корисника делује најприродније.

Међутим, постоје случајеви када је пожељно бесконачно скроловање. На пример, ову функцију користимо у нашем Stream Chat производу.

Можемо сакрити дугмад "Прикажи следеће" и прећи на бесконачно скроловање тако што ћемо опцију enableInfiniteScrolling поставити на true:

Enabling Infinite Scrolling
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 "enableInfiniteScrolling": true
8}];
9</script>
10

Ово такође захтева додатак прилагођеног CSS-а. Додајте прилагођени CSS за селектор .comments да бисте омогућили скроловање, на пример:

Омогућавање бесконачног скроловања
Copy CopyRun External Link
1
2.comments {
3 max-height: 500px;
4 overflow-y: auto;
5}
6

Пуни радни пример би изгледао овако:

Enabling Infinite Scrolling
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 "enableInfiniteScrolling": true,
8 "customCSS": ".comments { max-height: 500px; overflow-y: auto; }"
9}];
10</script>
11

У горе наведеном примеру користимо својство customCSS, међутим препоручује се коришћење UI за конфигурацију видгета уместо тога из разлога перформанси. Погледајте документацију о прилагођеном CSS-у.

Приказ свих коментара одједном - искључивање пагинације Internal Link

Да бисте онемогућили пагинацију и само приказали све коментаре одједном, подесите startingPage на -1.

Render All Comments
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 "startingPage": -1
8}];
9</script>
10

Спречи нове коментаре на највишем нивоу Internal Link

Подешавање noNewRootComments на true ће узроковати да виџет сакрије област за одговор на коренски коментар, али и даље омогући корисницима да одговарају на подређене коментаре. На пример, можете ово условно поставити при учитавању странице да бисте само неким корисницима дозволили да остављају коментаре на највишем нивоу.

Prevent New Root Comments
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 "noNewRootComments": true
8}];
9</script>
10

Максимална дубина одговора Internal Link

Подразумевано, FastComments омогућава неограничено угњежђивање одговора, стварајући структуру нити у којој корисници могу неограничено одговарати на одговоре.

Опција maxReplyDepth вам омогућава да ограничите колико дубоко нити одговора могу да иду. Када се достигне максимална дубина, корисници више неће видети дугме за одговор на коментарима на том нивоу.

Limiting Reply Depth to 2 Levels
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 "maxReplyDepth": 2
8}];
9</script>
10

Када је maxReplyDepth постављен на 2:

  • Корисници могу коментарисати на највишем нивоу (дубина 0)
  • Корисници могу одговарати на коментаре највишег нивоа (дубина 1)
  • Корисници могу одговарати на те одговоре (дубина 2)
  • Није дозвољено даље одговарање изван дубине 2

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

Постављање maxReplyDepth на 0 би онемогућило све одговоре, дозвољавајући само коментаре највишег нивоа. Ако није наведено, одговори могу бити угњежђени без ограничења.

Упозори пре напуштања са непослатим коментаром Internal Link

Подразумевано, ако корисник укуца коментар, а затим освежи страницу, затвори картицу или напусти страницу пре него што га пошаље, нацрт се тихо губи.

Подешавање warnOnUnsavedComment на true заставља прегледач да затражи од корисника потврду пре напуштања странице док било које поље за коментар, или уређивање у току, још увек садржи текст. Када се коментар пошаље, текст се брише, па се упозорење не приказује.

Упозори на несачувани коментар
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 "warnOnUnsavedComment": true
8}];
9</script>
10

Упозорење користи дијалог прегледача. Савремени прегледачи приказују своје формулисање и игноришу прилагођени текст, па се порука не може прилагодити.

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

Преглед једноставне пријаве (SSO) Internal Link

SSO, или јединствена пријава (single-sign-on), је скуп правила који вам омогућава да ви или ваши корисници користите FastComments без потребе за стварањем још једног налога.

Под претпоставком да не дозвољавате анонимно коментарисање, за коментарисање са FastComments је потребан налог. Процес регистрације смо учинили веома једноставним - корисник само остави своју имејл адресу када коментарише. Међутим, разумемо да чак и то представља додатно трење којем неки сајтови желе да избегну.

То трење можемо смањити тако што ће постојати само један ток пријављивања за цео ваш сајт.

Како да га набавим?

Сви типови налога тренутно имају приступ SSO-у. Међутим, максималан број SSO корисника варира у зависности од вашег пакета. Као и код других функција, Pro планови и виши пружају директну подршку за развој.

Упоредимо опције, а затим уђимо у детаље сваке од њих.

Миграција корисника и коментара

Када мигрирате са платформе која има SSO, попут Disqus-а, већ имате кориснике и њихове коментаре.

Коментари се увозе као део миграције, било путем API-ја, нашег Import UI-ја или корисничке подршке. Import UI је пожељнији ако подржава платформу са које мигрирате, јер укључује руковање грешкама, издвајање и отпремање аватара и медија, као и систем за праћење серијских послова.

Сами корисници се додају аутоматски када први пут погледају нити коментара. Алтернативно, могу се унапред додати путем API-ја, али овај посао нема многе предности.

Ако су коментари увезени, а SSO корисници нису ручно додати путем API-ја, коментари ће аутоматски бити мигрирани на корисников налог приликом његовог првог стварања када погледа било коју нит коментара. Тада ће моћи да управљају, уређују и бришу коментаре које су првобитно написали.

Аутоматска миграција се врши путем имејла или корисничког имена. Неке платформе не пружају имејл адресе при извозу, попут Disqus-а, па у том случају користимо корисничко име.

  • Све док проследите одговарајуће корисничко име и имејл у SSO payload-у, додаћемо имејл појединачним објектима коментара како би обавештења и помињања радили.

Ако желите да увезете коментаре и кориснике одједном, сарађујте са подршком да се коментари мигрирају на одговарајуће налоге корисника након што се корисници увезу путем API-ја.

Дакле, да резимирамо најлакши пут за миграцију:

  1. Увезите коментаре.
    1. Аватари и други медији се мигрирају аутоматски ако користите Import UI у Manage Data -> Imports.
  2. Подесите Secure или Simple SSO.
  3. Дозволите да миграција аутоматски обави по кориснику када се први пут пријаве.
    1. Ово обично додаје мање од секунде на време учитавања странице ако корисник има мање од 50k коментара.

WordPress корисници

Ако користите наш WordPress додатак, онда нема кода за писање! Једноставно идите на Admin страницу додатка, кликните SSO Settings, а затим Enable.

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

Имајте на уму да ако први пут инсталирате додатак, мораћете да завршите процес подешавања пре него што видите админ страницу са дугметом SSO Settings.

WordPress SSO - Модератори

Имајте на уму да тренутно, да би се значка "Moderator" приказивала поред ваших модератора када коментаришу помоћу FastComments WordPress додатка, они такође морају бити додати као модератори у FastComments контролном панелу и имати верификован имејл.

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

За прилагођене интеграције постоје две опције.

Опција један - Secure SSO

Са Secure SSO-ом, FastComments зна да корисник који коментарише, гласа и чита коментаре је стварни корисник на вашем сајту.

Све док креирате важећи payload, корисник ће увек имати беспрекорно искуство коментарисања.

Са Secure SSO-ом, SSO payload се креира на серверу користећи HMAC аутентификацију, а затим прослеђује виџету на клијенту.

Са Secure SSO-ом, корисников налог је потпуно одвојен од остатка FastComments корисничке базе. То значи да ако имамо два партнера, Company A и Company B, сваки може имати SSO корисника са корисничким именом "Bob".

Захтеви

  • Основно познавање развоја на серверу (backend).
  • Основно познавање руковања тајним API кључевима.
  • Основно познавање развоја API-ја или серверског рендеровања.

Предности

  • Безбедно.
  • Беспрекорно искуство коментарисања.

Мане

  • Захтева развој на серверу (backend).

Ажурирање података корисника

Са Secure SSO-ом, сваки пут када проследите SSO корисников payload, ажурираћемо његов налог најновијим информацијама. На пример, ако корисник има корисничко име X, а ви проследите Y у SSO payload-у, његово корисничко име ће постати Y.

Ако желите да уклоните вредности овим приступом, поставите их на null (не undefined).

Secure SSO API

Такође пружамо API за интеракцију са SSO корисницима. Погледајте документацију.

Имајте на уму да када користите Secure SSO, корисници се аутоматски креирају у позадини при учитавању странице. Не морате масовно увозити своје кориснике.

Опција два - Simple SSO

Алтернатива Secure SSO-у је једноставно прослеђивање информација о кориснику виџету за коментарисање.

Пружање имејла са Simple SSO-ом није обавезно, међутим без тога ће њихови коментари бити приказани као "Unverified".

Напомена! Од почетка 2022. године корисничка имена са Simple SSO-ом не морају бити јединствена на целом FastComments.com.

У идеалном случају, Simple SSO треба изабрати само када развијате на платформи која не пружа приступ серверу (backend).

Захтеви

  • Основно познавање развоја на клијенту (client-side).
  • Морате знати барем корисникову имејл адресу.

Предности

  • Једноставно.
  • Сва активност се и даље верификује.
  • Корисник никада не уноси своје корисничко име или имејл.

Мане

  • Мање безбедно од Secure SSO-а јер клијентски payload може бити измењен да постане било који корисник.

Simple SSO API

Корисници аутоматски креирани путем Simple SSO тока чувају се као SSOUser објекти. Могу се приступити и управљати њима путем SSOUser API-ја. Погледајте документацију.

Прилагођене интеграције – миграција са Disqus SSO Internal Link

Najveća razlika između Disqus и FastComments Secure SSO је што Disqus користи SHA1 за енкрипцију, док ми користимо SHA256. То значи да је миграција са Disqus једноставна - промените алгоритам хешовања који се користи са SHA1 на SHA256 и ажурирајте називе својстава која се прослеђују UI-у.

Прилагођене интеграције – миграција са Commento SSO Internal Link

Commento користи драстично другачији SSO приступ - они захтевају да имате endpoint који они позивају да би аутентификовали корисника. FastComments је обрнуто - једноставно енкодирајте и хеширајте информације о кориснику користећи ваш тајни кључ и проследите их.

Повратни позиви Internal Link

Све библиотеке за видгет коментара (тренутно Angular, React, Vue) подржавају повратне позиве.

Повратни позиви се наводе у конфигурационом објекту, са истом сигнатуром за сваку библиотеку.

Подржани повратни позиви су:

  • onInit
  • onAuthenticationChange
  • onRender
  • commentCountUpdated
  • onReplySuccess
  • onVoteSuccess
  • onImageClicked
  • onOpenProfile
  • onCommentSubmitStart
  • onCommentsRendered

Тачне сигнатуре можете пронаћи у TypeScript definitions.

Ево примера са свим повратним позивима:

Примери повратних позива
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>
5 window.fcConfigs = [{
6 target: '#fastcomments-widget',
7 tenantId: 'demo',
8 onInit: function () {
9 console.log('Library started to fetch comments!');
10 },
11 onAuthenticationChange: function (eventName, userObj) {
12 console.log('User authenticated!', eventName, userObj);
13 },
14 onRender: function () {
15 console.log('Render event happened!');
16 },
17 commentCountUpdated: function (newCount) {
18 console.log('New comment count:', newCount);
19 },
20 onReplySuccess: function (comment) {
21 console.log('New comment saved!', comment);
22 },
23 onVoteSuccess: function (comment, voteId, direction, status) {
24 console.log('New vote saved!', comment, voteId, direction, status);
25 },
26 onImageClicked: function (src) {
27 console.log('Image clicked!', src);
28 },
29 onOpenProfile: function (userId) {
30 console.log('User tried to open profile', userId);
31 // return true; // return true да бисте спречили подразумевано понашање (отварање fastcomments.com корисничког профила).
32 },
33 onCommentSubmitStart: function(comment, continueSubmitFn, cancelFn) {
34 console.log('Trying to submit comment', comment);
35 setTimeout(function() { // емулирање асинхроног понашања (позивање API-ја итд).
36 if(confirm('Should submit?')) {
37 continueSubmitFn();
38 } else {
39 cancelFn('Some optional error message');
40 }
41 }, 1000);
42 },
43 onCommentsRendered: function(comments) {
44 // comments је сортиран према подразумеваној сорти на страници која може бити Most Relevant (нпр: највише гласова, итд) или Newest First
45 const topCommentInList = comments[0];
46 console.log('First Comment Rendered:', topCommentInList.avatarSrc, topCommentInList.commenterName, topCommentInList.commentHTML);
47 }
48 }];
49</script>
50

Наслови страница Internal Link

Тренутни наслов странице повезује се са наведеним urlId и чува за употребу у алатима за модерацију.

Према подразумеваним поставкама, ово се преузима из document.title.

Ако желите, можете навести сопствени наслов странице на следећи начин:

Specifying The Page Title
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 "pageTitle": "Article 42"
8}];
9</script>
10

Број коментара и бројање свих угнежђених одговора Internal Link

Број коментара приказан на врху виџета за коментаре може или приказати све „највишег нивоа“ коментаре, што значи одговоре који су директно одговори на саму страницу или чланак, или може бити број свих угнежђених коментара.

Подразумевано, ово је true – то је број последњег – свих коментара. У старијим верзијама виџета за коментаре подразумевана вредност је false.

Можемо променити понашање тако да буде број свих угнежђених коментара постављањем заставице countAll на true.

Бројање свих коментара
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 "countAll": true
8}];
9</script>
10

Ако желимо да број одражава само коментаре највишег нивоа, постављамо заставицу на false.

Бројање коментара највишег нивоа
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 "countAll": false
8}];
9</script>
10

Ово тренутно не може да се прилагоди без измена кода.

Помена ID група Internal Link

Списак id-јева за коришћење у аутокомплету за @mentions. Корисно када желите да спречите означавање корисника који немају заједничких група.

Када је наведено, у аутокомплету ће након укуцавања @ карактера бити приказани само корисници из других група.

Limit Groups for Mentions
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 "mentionGroupIds": [
8 "yxZAhjzda",
9 "QT19nXbqB"
10 ]
11}];
12</script>
13