FastComments.com

Prilagoditve in konfiguracija

Kontekst

Tukaj boste našli poglobljeno dokumentacijo o vsaki funkciji in nastavitvi, ki jih podpira pripomoček za komentarje.

Ta dokumentacija bo zajela osnovne koncepte in poglobila vsako področje funkcionalnosti, vključno z navodili po korakih in pogostimi pastmi.

Na voljo bodo primeri kode z označenimi relevantnimi vrsticami. Posnetki zaslona strani s konfiguracijo bodo na voljo tam, kjer je to primerno.

Primeri kode bodo uporabljali našo vanilla JavaScript knjižnico, vendar možnosti konfiguracije uporabljajo natanko ista imena za vse različice pripomočka za komentarje (React, Vue itd.).

Večina konfiguracij in funkcij, opisanih v tem vodniku, ne zahteva pisanja kode.

Prikaz istih komentarjev na različnih straneh Internal Link


Ker parameter urlId omogoča, da določimo, na katero stran ali id so komentarji vezani, lahko preprosto nastavimo urlId na isto vrednost na teh straneh.

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

Prilagojene pisave Internal Link

FastComments je zasnovan tako, da je mogoče opraviti prilagoditve, in pisava, ki jo uporabljajo naši pripomočki, ni izjema.

Privzeto FastComments uporablja system font stack, da izgleda čim bolje na širokem naboru naprav.

Za določitev lastnih pisav glejte Dokumentacija za prilagojen CSS.

Tam boste našli način za definiranje prilagojenega CSS-a, kar vam bo omogočilo nastaviti želene pisave.

Kako določiti pisavo

Za preglasitev pisave priporočamo, da svoj CSS definirate z selektorjema .fast-comments, textarea. Na primer:

Primer zunanje prilagojene pisave
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

Podpora temnim ozadjem (temni način) Internal Link

Privzeto bo pripomoček za komentarje FastComments samodejno zaznal temni način na večini spletnih mest.

Ko je zaznan temni način, bo FastComments prešel iz črnega besedila na belem ozadju v belo besedilo na črnem ozadju. Spremembe bodo vidne tudi pri slikah.

Ob nalaganju strani bo pripomoček poskušal določiti, kako temno je ozadje strani za pripomočkom za komentarje. To pomeni, da lahko stran ima belo ozadje, vendar če pripomoček za komentarje postavite v vsebnik s črnim ozadjem, bi moral biti temni način še vedno samodejno omogočen, da bodo komentarji berljivi.

Vendar pa mehanizem zaznavanja, ki temelji na določanju "svetilnosti", morda ne bo omogočil temnega načina, ko ga želite. Če ga želite prisilno omogočiti, nastavite zastavico hasDarkBackground na true kot sledi:

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

Povezovanje komentarjev s stranmi Internal Link

Ko pošiljate obvestilna e‑poštna sporočila ali prikazujete komentarje v uporabniških vmesnikih, kot je stran za moderacijo, je koristno, da lahko povežete iz komentarja na stran, na kateri se nahaja.

Če URL ID ni vedno dejanski ID, moramo URL shraniti nekje drugje. Za to je namenjena lastnost "url", definirana takole.

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

Pogosta uporaba je vezava nitke komentarjev na identifikator, kot je članek, in nato povezava nazaj na določeno stran, na primer:

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 ni očiščen običajnih marketinških parametrov. Privzeto se shrani URL, kakršen je trenutni URL strani.

Določanje, katero stran prikazati Internal Link

Ko se komentarji pridobivajo in prikazujejo, mora pripomoček za komentarje vedeti, s katere strani naj začne. Privzeto začne na prvi strani in prikaže le to stran.

Če želite, lahko natančno stran, ki naj se prikaže, posredujete pripomočku za komentarje z nastavitvijo 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

Upoštevajte, da se številčenje strani začne pri ničli, zato zgornji primer prikaže drugo stran.

Preklapljanje med nitmi komentarjev brez osvežitve strani Internal Link

Opisali smo, kako je urlId identifikator strani ali članka, s katerim so komentarji povezani.

Poleg tega, če povzamemo: če ni določen, bo urlId privzeto URL trenutne strani.

Kaj pa SPAs oziroma Single-Page Applications, kjer se stran ali vsebina, s katero so povezani komentarji, spreminja dinamično brez ponovnega nalaganja strani?

Angular, React, Vue, etc

Z našimi knjižnicami, kot sta Angular in React, bo preprosta posodobitev lastnosti urlId, posredovane pripomočku, povzročila osvežitev komentarnega pripomočka. To si lahko ogledate v delovanju za aplikacijo React, na primer tukaj.

VanillaJS

Če uporabljate knjižnico VanillaJS, je nekoliko bolj zapleteno, saj ni ogrodja, kot sta Angular ali React, ki bi upravljalo vezanje podatkov ali propagacijo stanja.

Ko ustvarite instanco VanillaJS pripomočka, ta vrne nekaj funkcij, ki jih je mogoče poklicati za njegovo posodobitev.

Tukaj je funkcionalen primer, kjer spremenimo hash strani in posodobimo komentarni pripomoček:

Primer preklopa hash strani
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; // We update url, too, so notifications can link back to the right page
29 config.urlId = locationString;
30
31 instance.update(config);
32 }
33 nextPage();
34 button.addEventListener('click', nextPage);
35 })();
36</script>
37

Onemogoči preusmerjanje slik Internal Link

Privzeto FastComments dovoljuje uporabnikom nalaganje slik. Ko uporabnik klikne to sliko, FastComments privzeto odpre nov zavihek, da prikaže sliko v celoti. Nastavitev te zastavice na true onemogoči to vedenje:

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

Če ne nameravate sami prestrezati klika na sliko (glejte onImageClicked), priporočamo, da to kombinirate z nekim stiliranjem da odstranite videz, da je slika klikljiva.

Označevanje novih komentarjev Internal Link

FastComments nudi več načinov za označevanje novih komentarjev.

Najprej in predvsem, privzeto bodo komentarji, ki so sprožili obvestilo v aplikaciji (odgovori, odgovori v isti niti ali komentarji na strani na katero ste naročeni), samodejno označeni z rahlo svetlečim avatarjem uporabnika. Barvo lahko prilagodite s CSS z uporabo razreda is-unread.

Komentarji, objavljeni v zadnjih 24 urah, imajo dodeljen razred 24hr, ki ga lahko uporabite za oblikovanje.

Nazadnje, vsi novi živi komentarji, ki se pojavijo v uporabnikovi seji, bodo za nekaj sekund poudarjeni z animacijo. To se izvede z is-live CSS razredom in ga je mogoče tudi prilagoditi.

Predloge e-pošte Internal Link

E-poštna sporočila, poslana iz FastComments vašim strankam, je mogoče prilagoditi. Predloga, logika, in prevodi se lahko spremenijo. Besedilo je mogoče prilagoditi za posamezno lokalizacijo, oblikovanje lahko se spremeni tudi za posamezno domeno. Več o prilagojenih e-poštnih predlogah najdete tukaj.

Novi komentarji v živo na dnu Internal Link

Privzeto se novi komentarji v živo pojavijo na vrhu seznama komentarjev, ko so objavljeni v realnem času.

Ko je ta možnost omogočena, se novi komentarji v živo namesto tega dodajo na dno seznama. To vpliva na način prikaza komentarjev, ko so objavljeni v živo, medtem ko uporabniki gledajo nit komentarjev.

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

Ko je ta nastavitev omogočena:

  • Novi komentarji v živo, ki jih objavijo drugi uporabniki, se bodo pojavili na dnu seznama komentarjev
  • Uporabniki bodo v realnem času videli, kako se novi komentarji pojavljajo pod obstoječimi komentarji
  • To vpliva samo na posodobitve komentarjev v živo - ne na začetno nalaganje strani
  • To lahko pomaga ohranjati tok branja, ko uporabniki spremljajo razpravo

Upoštevajte, da ta nastavitev vpliva le na to, kje so novi komentarji v živo umeščeni, ko prispevajo v realnem času. Ne vpliva na začetni vrstni red razvrščanja ob nalaganju strani.

Omogočanje neskončnega drsenja Internal Link

Privzeto se pripomoček FastComments navpično prilagodi, da ustreza vsem vidnim komentarjem. Paginacija je dosežena z gumbom "Prikaži naslednje" na koncu trenutne strani, saj ugotavljamo, da je to interakcija, ki je za večino uporabnikov najbolj prijetna.

Vendar obstajajo primeri, kjer je bolj zaželeno neskončno pomikanje. Na primer, to funkcijo uporabljamo v našem izdelku Stream Chat.

Gumbe "Prikaži naslednje" lahko skrijemo in preklopimo na neskončno pomikanje tako, da zastavico enableInfiniteScrolling nastavite na 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

To zahteva tudi dodajanje prilagojenega CSS-a. Dodajte prilagojen CSS za selektor .comments, da omogočite pomikanje, na primer:

Omogoči neskončno pomikanje
Copy CopyRun External Link
1
2.comments {
3 max-height: 500px;
4 overflow-y: auto;
5}
6

Popoln delujoč primer bi bil:

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

V zgornjem primeru uporabljamo lastnost customCSS, vendar je zaradi razlogov zmogljivosti priporočljivo namesto tega uporabiti vmesnik za konfiguracijo pripomočka (Widget Configuration UI). Oglejte si dokumentacijo za Custom CSS.


Prikaz vseh komentarjev naenkrat - onemogoči straničenje Internal Link

Če želite onemogočiti straničenje in prikazati vse komentarje naenkrat, nastavite startingPage na -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

Prepreči nove komentarje najvišje ravni Internal Link

Če nastavite noNewRootComments na true, bo widget skril območje za odgovore korenskih komentarjev, vendar bo še vedno dovoljeval uporabnikom odgovarjati na podkomentarje. Na primer, to lahko pogojno nastavite ob nalaganju strani, da boste dovolili le nekaterim uporabnikom pustiti komentarje na najvišji ravni.

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

Največja globina odgovorov Internal Link

Privzeto FastComments dovoljuje neomejeno gnezdenje odgovorov, kar ustvarja strukturo pogovora, kjer lahko uporabniki neomejeno odgovarjajo na odgovore.

Možnost maxReplyDepth vam omogoča omejiti, kako globoko se lahko razvežejo nitke odgovorov. Ko je dosežena največja globina, uporabniki na komentarjih na tej ravni ne bodo več videli gumba za odgovor.

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

Ob nastavitvi maxReplyDepth na 2:

  • Uporabniki lahko komentirajo na najvišji ravni (globina 0)
  • Uporabniki lahko odgovarjajo na komentarje na najvišji ravni (globina 1)
  • Uporabniki lahko odgovarjajo na te odgovore (globina 2)
  • Nadaljnji odgovori onkraj globine 2 niso dovoljeni

Nastavitev na 1 bi dovolila le odgovore na komentarje na najvišji ravni, kar ustvari bolj plosko strukturo razprave.

Nastavitev maxReplyDepth na 0 bi onemogočila vse odgovore in dovolila le komentarje na najvišji ravni. Če ni določeno, so odgovori lahko gnezdeni brez omejitve.

[code-example-end]

Pregled enotne prijave (SSO) Internal Link

SSO, oziroma single-sign-on, je niz konvencij, ki omogoča vam ali vašim uporabnikom uporabo FastComments brez potrebe po ustvarjanju dodatnega računa.

Če ne dovolite anonimnega komentiranja, je za komentiranje z FastComments potreben račun. Ta postopek prijave naredimo zelo enostaven – uporabnik ob komentiranju pusti samo svoj e-poštni naslov. Vendar razumemo, da je tudi to lahko dodatna ovira, ki jo nekatere strani želijo odpraviti.

To trenuten trenutek zmanjšamo tako, da za celotno spletno mesto uporabi samo en prijavni tok.

Kako ga dobim?

Vse vrste računov trenutno dobijo dostop do SSO. Vendar se največje število SSO uporabnikov razlikuje glede na vaš paket. Tako kot pri drugih funkcijah, tudi načrti Pro in višji nudijo neposredno razvojno podporo.

Primerjajmo možnosti in se nato podrobno lotimo vsake izmed njih.

Migracije uporabnikov in komentarjev

Pri migraciji z platforme, ki podpira SSO, kot je Disqus, boste že imeli uporabnike in njihove komentarje.

Komentarji so uvoženi kot del migracije, bodisi preko API-ja, našega uvoznega vmesnika (Import UI) ali s podporo strankam. Import UI je prednostna izbira, če podpira platformo, iz katere migrirate, saj vključuje obravnavo napak, izvoz in nalaganje avatarjev in medijskih vsebin ter sistem za spremljanje serijskih opravil.

Samo uporabniki se dodajo samodejno ob prvem ogledu nitk komentarjev. Alternativno jih je mogoče predhodno dodati preko API-ja, vendar to delo ne prinaša veliko prednosti.

Če so komentarji uvoženi in SSO uporabniki niso ročno dodani preko API-ja, bodo komentarji samodejno pripisani uporabnikovemu računu ob prvem ustvarjanju tega računa, ko si ogleda katerokoli nit komentarjev. Nato bodo lahko upravljali, urejali in brisali komentarje, ki so jih prvotno napisali.

Samodejna migracija poteka preko e-pošte ali uporabniškega imena. Nekatere platforme ob izvozu ne zagotavljajo e-poštnih naslovov, kot je Disqus, zato v tem primeru uporabimo uporabniško ime.

  • Dokler posredujete ujemajoče se uporabniško ime in e-poštni naslov v SSO obremenitvi, bomo e-poštni naslov dodali posameznim objektom komentarjev, tako da bodo obvestila in omembe delovale.

Če želite uvoziti komentarje in uporabnike hkrati, sodelujte s podporo, da prebijejo komentarje na ustrezne račune uporabnikov potem, ko so uporabniki uvoženi preko API-ja.

Torej, da povzemo najlažjo pot za migracijo:

  1. Uvozite komentarje.
    1. Avatarji in druga medijska vsebina se samodejno uvozijo, če uporabljate Import UI v Manage Data -> Imports.
  2. Nastavite Secure ali Simple SSO.
  3. Naj se migracija izvede za vsakega uporabnika samodejno, ko se prvič prijavi.
    1. To običajno doda manj kot sekundo k času nalaganja strani, če ima uporabnik manj kot 50k komentarjev.

Uporabniki WordPressa

Če uporabljate naš WordPress vtičnik, potem ni treba pisati nobene kode! Preprosto pojdite na stran skrbnika vtičnika, kliknite SSO Settings in nato Enable.

To vas pripelje do čarovnika z enim klikom, ki bo ustvaril vaš API ključ, ga poslal na vašo WordPress namestitev in vklopil SSO. To smo za vas združili v en sam klik.

Upoštevajte, da če nameščate vtičnik prvič, boste morali dokončati postopek namestitve, preden boste videli stran skrbnika z gumbom SSO Settings.

WordPress SSO - Moderatorji

Upoštevajte, da se zaenkrat, da bi se znašla značka "Moderator" ob komentarjih vaših moderatorjev, ko komentirajo z FastComments WordPress vtičnikom, morajo biti ti tudi dodani kot Moderator v nadzorni plošči FastComments in imeti preverjen e-poštni naslov.

Prilagojene integracije

Za prilagojene integracije sta na voljo dve možnosti.

Možnost ena - Secure SSO

S Secure SSO FastComments ve, da je uporabnik, ki komentira, glasuje in bere komentarje, resničen uporabnik na vašem spletnem mestu.

Dokler ustvarite veljaven payload, bo uporabnik vedno imel nemoteno izkušnjo komentiranja.

Pri Secure SSO se SSO payload ustvari na strežniku z uporabo HMAC avtentikacije in se nato posreduje v pripomoček na odjemalcu.

Pri Secure SSO je uporabnikov račun popolnoma ločen od preostale baze uporabnikov FastComments. To pomeni, da če imamo dva partnerja Firma A in Firma B, lahko imata oba SSO uporabnika z uporabniškim imenom "Bob".

Zahteve

  • Nekaj osnovnega znanja o strežniškem razvoju.
  • Nekaj osnovnega znanja o ravnanju s skrivnimi API ključi.
  • Nekaj osnovnega znanja o razvoju API-jev ali strežniškem upodabljanju.

Prednosti

  • Varen.
  • Nemotena izkušnja komentiranja.

Slabosti

  • Zahteva razvoj na strežniku.

Posodabljanje podatkov uporabnika

Pri Secure SSO bomo ob vsakem posredovanju sso uporabniškega payloada posodobili njihov uporabniški račun z najnovejšimi informacijami. Na primer, če ima uporabnik uporabniško ime X, in v SSO payloadu posredujete Y, bo njihovo uporabniško ime postalo Y.

Če s tem pristopom želite odstraniti vrednosti, jih nastavite na null (ne undefined).

Secure SSO API

Nudimo tudi API za interakcijo s SSO uporabniki. Oglejte si the docs.

Upoštevajte, da se pri uporabi Secure SSO uporabniki ob nalaganju strani samodejno ustvarijo v ozadju. Ni vam treba množično uvažati uporabnikov.

Možnost dve - Simple SSO

Alternativa Secure SSO je, da preprosto posredujete uporabniške informacije v pripomoček za komentiranje.

Posredovanje e-poštnega naslova pri Simple SSO ni obvezno, vendar bodo brez njega njihovi komentarji prikazani kot "Unverified".

Opomba! Od začetka leta 2022 uporabniška imena pri Simple SSO ne potrebujejo biti edinstvena po celotnem FastComments.com.

Idealno naj bi bil Simple SSO izbran le pri razvoju na platformi, ki ne omogoča dostopa do strežniškega dela.

Zahteve

  • Nekaj osnovnega znanja o razvoju na strani odjemalca.
  • Poznavanje vsaj e-poštnega naslova uporabnika.

Prednosti

  • Preprosto.
  • Vsa aktivnost se kljub temu preveri.
  • Uporabnik nikoli ne vnese svojega uporabniškega imena ali e-poštnega naslova.

Slabosti

  • Manj varno kot Secure SSO, saj bi lahko bilo podatkovno breme na strani odjemalca zlonamerno konstruirano tako, da postanete kateri koli uporabnik.

Simple SSO API

Uporabniki, samodejno ustvarjeni preko Simple SSO toka, so shranjeni kot SSOUser objekti. Dostopate in jih upravljate lahko preko SSOUser API-ja. Oglejte si the docs.

Prilagojene integracije - preprosta enotna prijava (SSO) Internal Link

Z Simple SSO lahko pripomočku za komentiranje zagotovimo informacije o uporabniku, tako da mu ni treba vnesti svojega uporabniškega imena ali e-pošte za komentiranje.

Simple SSO lahko konfiguriramo tako:

Simple SSO
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 "simpleSSO": {
8 "username": "Bob",
9 "email": "bob@example.com",
10 "avatar": "https://example.com/bob.png",
11 "websiteUrl": "https://example.com/profiles/bob",
12 "displayName": "Bob's Name",
13 "displayLabel": "VIP User",
14 "loginURL": "https://example.com/login",
15 "logoutURL": "https://example.com/logout",
16 "badgeConfig": {
17 "badgeIds": [
18 "badge-id-1",
19 "badge-id-2"
20 ],
21 "override": false
22 }
23 }
24}];
25</script>
26

Uporabnik bo prijavljen in bo za kulisami ustvarjen SSO uporabnik. Lastnost createdFromSimpleSSO bo nastavljena na true, če je uporabnik pridobljen prek API-ja.

Opombe:

  • E-pošta je edinstveni identifikator za Simple SSO.
  • Podajanje e-pošte pri Simple SSO ni obvezno, vendar bodo njihovi komentarji privzeto prikazani kot "Neoverjeni". Če e-pošta ni podana, uporabnik ne more biti popolnoma overjen.
  • NOVO Od januarja 2022: uporabniška imena niso več nujno edinstvena na celotnem fastcomments.com
  • Simple SSO lahko samodejno ustvari in posodobi SSO uporabnike, če je podana e-pošta in če uporabnik ni bil prvotno ustvarjen prek Secure SSO.
  • Za uporabnika lahko določite značke s lastnostjo badgeConfig. Polje badgeIds vsebuje ID-je značk, ki jih je treba povezati z uporabnikom. Če je override nastavljeno na true, bo nadomestilo vse obstoječe značke, prikazane pri komentarjih; če je false, jih bo dodalo k obstoječim značkam.

Prilagojene integracije - migracija z Disqus SSO Internal Link

Največja razlika med Disqus in FastComments Secure SSO je, da Disqus uporablja SHA1 za šifriranje, medtem ko mi uporabljamo SHA256. To pomeni, da je migracija iz Disqus enostavna - zamenjajte algoritem zgoščevanja iz SHA1 v SHA256 in posodobite imena lastnosti, posredovana v UI.

Prilagojene integracije - migracija z Commento SSO Internal Link


Commento uporablja povsem drugačen pristop k SSO - zahtevajo, da imate endpoint, ki ga pokličejo za overitev uporabnika. FastComments pa deluje obratno - preprosto zakodirajte in zgoščite (hash) podatke o uporabniku z uporabo vašega secret key in jih posredujte naprej.


Povratni klici Internal Link


Vse knjižnice za pripomoček za komentarje (trenutno Angular, React, Vue) podpirajo povratne klice.

Povratne klice so določene v konfiguracijskem objektu in imajo za vsako knjižnico enak podpis.

Podprti povratni klici so:

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

Natančni podpisi so na voljo v TypeScript definicijah.

Tukaj je primer z vsemi uporabljenimi povratnimi klici:

Primeri povratnih klicev
Copy CopyRun External Link
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 window.FastCommentsUI(document.getElementById('fastcomments-widget'), {
6 tenantId: 'demo',
7 onInit: function () {
8 console.log('Library started to fetch comments!');
9 },
10 onAuthenticationChange: function (eventName, userObj) {
11 console.log('User authenticated!', eventName, userObj);
12 },
13 onRender: function () {
14 console.log('Render event happened!');
15 },
16 commentCountUpdated: function (newCount) {
17 console.log('New comment count:', newCount);
18 },
19 onReplySuccess: function (comment) {
20 console.log('New comment saved!', comment);
21 },
22 onVoteSuccess: function (comment, voteId, direction, status) {
23 console.log('New vote saved!', comment, voteId, direction, status);
24 },
25 onImageClicked: function (src) {
26 console.log('Image clicked!', src);
27 },
28 onOpenProfile: function (userId) {
29 console.log('User tried to open profile', userId);
30 // return true; // vrni true, da preprečiš privzeto vedenje (odpiranje uporabniškega profila na fastcomments.com).
31 },
32 onCommentSubmitStart: function(comment, continueSubmitFn, cancelFn) {
33 console.log('Trying to submit comment', comment);
34 setTimeout(function() { // simulira asinhrono vedenje (klic API itd.).
35 if(confirm('Should submit?')) {
36 continueSubmitFn();
37 } else {
38 cancelFn('Some optional error message');
39 }
40 }, 1000);
41 },
42 onCommentsRendered: function(comments) {
43 // komentarji so razvrščeni po privzetem sortiranju na strani, ki je lahko Najbolj relevantno (npr. najbolj glasovani itd.) ali Najnovejši prvi
44 const topCommentInList = comments[0];
45 console.log('First Comment Rendered:', topCommentInList.avatarSrc, topCommentInList.commenterName, topCommentInList.commentHTML);
46 }
47 });
48</script>
49

Naslovi strani Internal Link

Trenutni naslov strani je povezan z določenim urlId in je shranjen za uporabo v orodjih za moderiranje.

Privzeto se pridobi iz document.title.

Če želite, lahko svoj naslov strani določite na naslednji način:

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

Število komentarjev in štetje vseh gnezdenih odgovorov Internal Link

Število komentarjev, prikazano na vrhu pripomočka za komentarje, lahko prikaže bodisi vse komentarje na najvišji ravni, to pomeni odgovore, ki so neposredni odgovori na stran ali članek, ali pa je lahko to število vseh gnezdenih komentarjev.

Privzeto je to true - to je števec slednjega - vseh komentarjev. V starejših različicah pripomočka za komentarje je bila privzeta vrednost false.

Obnašanje lahko spremenimo, tako da bo štel vse gnezdene komentarje, tako da zastavico countAll nastavite na true.

Counting 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 "countAll": true
8}];
9</script>
10

Če želimo, da števec odraža le komentarje na najvišji ravni, zastavico nastavimo na false.

Counting Top Level 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 "countAll": false
8}];
9</script>
10

To trenutno ni mogoče prilagoditi brez sprememb kode.

Označevanje ID-jev skupin Internal Link

Seznam ID-jev za uporabo pri samodokončanju @omemb. Uporabno, če želite preprečiti označevanje uporabnikov, kadar nimajo prekrivajočih se skupin.

Če je določeno, bodo v samodokončanju po vnosu znaka @ prikazani le uporabniki iz drugih skupin.

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