Dodajanje komentarjev na spletno stran

Če želite dodati komentarje na svojo WordPress stran, lahko naš WordPress vtičnik najdete tukaj.

Popoln vodič za namestitev in dokumentacija o vtičniku so na voljo tukaj.

Ta vtičnik podpira komentiranje v živo, SSO in namestitev brez kodiranja. Preprosto sledite navodilom za namestitev na strani skrbnika po namestitvi vtičnika. Pomagal vam bo pri povezovanju vaše WordPress namestitve z vašim računom.

Vsi komentarji, ki jih prek našega WordPress vtičnika pustijo na FastComments, se lahko samodejno sinhronizirajo nazaj v vašo WordPress namestitev, tako da ohranite nadzor nad vašimi podatki. To lahko izklopite, da omejite velikost vaše WordPress baze podatkov.

VanillaJS različica vtičnika je najenostavnejši način za dodajanje komentarjev na vaše spletno mesto, saj ne zahteva nobenih gradbenih sistemov ali strežniške kode.

Preprosto dodajte naslednji izsek kode na katero koli stran, da na svoje spletno mesto dodate komentarje:

Simple Code Snippet

Copy Run

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

Isti izsek kode lahko uporabite na več straneh; samodejno bo ustvaril ločeno razpravo za vsako stran.

Veliko aplikacij ima možnost "HTML Embed Code". Izberite to in prilepite zgornji izsek kode.

Za preizkus ne potrebujete računa! Morda boste v zgornjem izseku videli "tenantId: demo", če niste prijavljeni. Na ta način bo uporabljen demo račun.

Dokumentacijo za konfiguracijo vtičnika najdete tukaj.

Vse različice FastComments vtičnika so ovojnice okoli osnovne knjižnice VanillaJS. To nam omogoča dodajanje funkcij in odpravljanje težav na enem mestu - spremembe se samodejno razširijo tudi na druge različice komentarnega vtičnika.

Za dodajanje komentarjev na spletno mesto, izdelano z Angular, lahko najdete našo Angular knjižnico na NPM tukaj.

Komentarni pripomoček FastComments za Angular podpira vse iste funkcije kot različica VanillaJS - komentiranje v živo, SSO itd.

Potrebovali boste fastcomments-typescript, ki je peer-odvisnost. Prosimo, zagotovite, da je vključena v vašo TypeScript kompilacijo. V prihodnosti bo ta peer-odvisnost premaknjena v @types/fastcomments, kar bo poenostavilo to namestitev.

FastComments za Angular prek NPM

Copy

1

2 npm install fastcomments-typescript --save

3 npm install ngx-fastcomments --save

4

To peer-odvisnost dodajte v datoteko tsconfig.json, na primer:

Dodajanje peer-odvisnosti fastcomments-typescript

Copy

1

2"include": [

3 "src/**/*.ts",

4 "node_modules/fastcomments-typescript/src/index.ts"

5],

6

Nato dodajte FastCommentsModule v vašo aplikacijo:

Dodajte modul v vašo aplikacijo

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

Usage

Za začetek podamo konfiguracijski objekt za demo najemnika:

Uporaba - vrstična konfiguracija

Copy

1

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

3

Ker je konfiguracija lahko precej zapletena, lahko namesto tega podamo referenco na objekt:

Uporaba - posredovanje objekta za konfiguracijo

Copy

1

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

3

Uporaba - EU

Copy

1

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

3

Pripomoček uporablja zaznavanje sprememb, zato bo sprememba katerekoli lastnosti konfiguracijskega objekta povzročila njegovo ponovno nalaganje.

Konfiguracijo, ki jo podpira Angular komponenta, najdete tukaj.

Za dodajanje komentarjev na spletno mesto, zgrajeno z React, lahko naš React paket najdete na NPM tukaj.

The FastComments React commenting widget supports all of the same features of the VanillaJS one - komentiranje v živo, SSO, in tako naprej.

FastComments React preko NPM

Copy

1

2npm install --save fastcomments-react

3

FastComments React preko Yarn

Copy

1

2yarn add fastcomments-react

3

React Primer

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

Če ste v EU, boste želeli nastaviti parameter region tako:

React Primer - EU

Copy

1

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

3

Konfiguracijo, ki jo komponenta React podpira, najdete tukaj.

Če želite dodati komentarje na svoje spletno mesto, zgrajeno z Vue, lahko našo knjižnico za Vue najdete na NPM tukaj.

Poleg tega je knjižnica vue-next na NPM tukaj

Izvorno kodo najdete na GitHub.

FastComments Vue komentarni pripomoček podpira vse iste funkcije kot VanillaJS - komentiranje v živo, sso in podobno.

Spodnja navodila so za Vue 3, saj je na voljo že nekaj časa, vendar FastComments podpira tudi Vue 2 prek knjižnice fastcomments-vue.

FastComments Vue prek NPM

Copy

1

2npm install --save fastcomments-vue-next

3

FastComments Vue prek Yarn

Copy

1

2yarn add fastcomments-vue-next

3

Primer za Vue

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

Če ste v EU, nastavite region na EU:

FastComments Vue - EU

Copy

1

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

3

Knjižnici fastcomments-vue in fastcomments-vue-next podpirata enako konfiguracijo kot VanillaJS komentarni pripomoček.

Konfiguracijo, ki jo komponenta Vue podpira, najdete tukaj.

TypeScript definicije za FastComments lahko najdete na NPM tukaj.

Najdete jih na GitHub tukaj.

Each instance of the comment widget is isolated. Because of this, FastComments inherently supports more than one instance per page, or multiple
instances pointing to the same chat thread.

In the case of the VanillaJS library for example, you simply have to tie the comment widget to different DOM nodes. If you want to simply
update the current thread on the page, see Preklapljanje niti komentarjev brez ponovnega nalaganja strani;

Sinhronizacija stanja avtentikacije med več instancami

Poglejmo primer po meri enostranske aplikacije, ki je seznam pogosto zastavljenih vprašanj z lastno nitjo komentarjev.

In this case, we have multiple instances of FastComments in the DOM at once.

This is fine, but it poses some challenges for user experience.

Consider this flow:

1. The user visits the page with a list of questions, each with their own comment widget.
2. The user enters their username and email and leaves a question on one of the threads.
3. They see another FAQ item they have a question about.
4. They go to comment again. Do they have to enter their email and username again?

In this case, FastComments handles syncing the authentication state across widget instances for you. In step four, the user
will already be temporarily authenticated since they entered their username and email on the same page.

Prikazovanje živih komentarjev takoj

Gradnik za komentarje je privzeto živ, vendar se živi komentarji prikažejo pod gumbom "Prikaži N novih komentarjev", da se prepreči premikanje vsebine strani.

V nekaterih primerih je še vedno zaželeno prikazati nove komentarje takoj, brez klika na gumb.

V tem primeru želite omogočiti zastavico showLiveRightAway, za katero najdete dokumentacijo tukaj.

Dovoljenje anonimnega komentiranja (brez zahteve po e-pošti)

Privzeto FastComments zahteva, da uporabnik ob komentarju poda e-pošto.

To je mogoče onemogočiti, navodila so tukaj.

Po meri oblikovanje

Veliko naših strank uporabi svoje oblikovanje za gradnik komentarjev. Dokumentacijo najdete tukaj.

Prikazovanje istih komentarjev na več domenah

Prikazovanje istih komentarjev na več spletnih mestih je nekaj, kar FastComments podpira že iz škatle. Oglejte si našo dokumentacijo o tem.

Spreminjanje trenutne strani

FastComments podpira SPA-je in kompleksne aplikacije. Spreminjanje trenutne strani je preprosto in je opisano tukaj.