Add Comments To a Website

Installation

FastComments gør det nemt at tilføje kommentarer til dit websted, uanset om det er statisk eller dynamisk, lyst eller mørkt tema, offentlige eller interne sider. Det bør være nemt at installere og tilpasse til enhver form for websted eller webbaseret applikation. Det giver dig live-kommentarer med det samme, ofte uden yderligere konfiguration i mange tilfælde.

WordPress

For at tilføje kommentarer til dit WordPress-websted kan du finde vores WordPress-plugin her.

En komplet installationsvejledning og dokumentation om plugin'et findes her.

Dette plugin understøtter live-kommentering, SSO og installation uden kode. Følg blot installationsvejledningen på administrationssiden efter installation af plugin'et. Den vil guide dig gennem at forbinde din WordPress-installation til din konto.

Alle kommentarer efterladt med FastComments via vores WordPress-plugin kan automatisk synkroniseres tilbage til din WordPress installation, så du bevarer kontrollen over dine data. Dette kan slås fra for at begrænse størrelsen på din WordPress-database.

VanillaJS / HTML-udsnit

VanillaJS-versionen af widgeten er den simpleste måde at tilføje kommentarer til dit websted på, og den kræver hverken build-systemer eller server-side kode.

Tilføj blot følgende kodeudsnit til enhver side for at tilføje kommentarer til dit websted:

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>

Du kan bruge det samme kodeudsnit på flere sider; det vil automatisk oprette en separat tråd for hver side.

Mange applikationer har en "HTML Embed Code"-mulighed. Vælg den og indsæt kodeudsnittet ovenfor.

Du behøver heller ikke en konto for at prøve det! Du kan se "tenantId: demo" i ovenstående udsnit, hvis du ikke er logget ind. På den måde bruger den demokontoen.

Du kan finde dokumentation om konfiguration af widgeten her.

Alle versioner af FastComments-widgeten er wrappers omkring kernebiblioteket VanillaJS. Dette gør os i stand til at tilføje funktioner og rette problemer ét sted - og ændringerne udbredes automatisk til de andre varianter af kommentar-widgeten.

Angular

For at tilføje kommentarer til et websted bygget med Angular, kan du finde vores Angular-bibliotek på NPM her.

FastComments Angular-kommenteringswidget'en understøtter alle de samme funktioner som VanillaJS-versionen - live-kommentering, sso, og så videre.

Du skal bruge fastcomments-typescript, som er en peer-afhængighed. Sørg venligst for, at dette er inkluderet i din TypeScript-kompilering. I fremtiden vil denne peer-afhængighed blive flyttet til @types/fastcomments, hvilket vil forenkle denne installation.

FastComments Angular via NPM

Copy

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

Peer-afhængigheden skal tilføjes i din tsconfig.json-fil, for eksempel:

Tilføjelse af fastcomments-typescript peer-afhængighed

Copy

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

Tilføj derefter FastCommentsModule til din applikation:

Tilføj modulet til din app

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

Brug

For at komme i gang angiver vi et konfigurationsobjekt for demo-tenant:

Brug - Inline-konfiguration

Copy

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

Da konfigurationen kan blive ret kompliceret, kan vi videregive en objektreference:

Brug - Videregiv objekt til konfiguration

Copy

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

Brug - EU

Copy

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

Widget'en bruger change detection, så ændring af nogen egenskaber i konfigurationsobjektet vil få den til at blive genindlæst.

Du kan finde den konfiguration, som Angular-komponenten understøtter her.

React

For at tilføje kommentarer til et site bygget med React kan du finde vores React-bibliotek på NPM her.

FastComments React-kommentar-widgetten understøtter alle de samme funktioner som VanillaJS-udgaven - live-kommentering, sso og så videre.

FastComments React via NPM

Copy

npm install --save fastcomments-react

FastComments React via Yarn

Copy

yarn add fastcomments-react

React-eksempel

Copy

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

Hvis du er i EU, bør du sætte region-parameteren således:

React-eksempel - EU

Copy

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

Du kan finde den konfiguration, som React-komponenten understøtter, her.

React Native

For at tilføje kommentarer til din React Native-app kan du finde vores React Native-bibliotek på NPM her.

FastComments React Native-kommenteringswidgeten understøtter alle de samme funktioner som VanillaJS-udgaven - live-kommentering, SSO og så videre.

FastComments React Native via NPM

Copy

npm install --save fastcomments-react-native

FastComments React Native via Yarn

Copy

yarn add fastcomments-react-native

Konfigurationen angives en smule anderledes sammenlignet med fastcomments-react-biblioteket:

React Native-eksempel

Copy

import { FastCommentsCommentWidget } from 'fastcomments-react-native';
// ...
  const tenantId = 'demo'; // Din tenant-id. Kan hentes fra https://fastcomments.com/auth/my-account/api-secret
  const pageId = 'native-test'; // ID'et eller URL'en for kommentartråden i din app.
  const config = {
    tenantId: tenantId,
    urlId: pageId
  };
  return (
      <FastCommentsCommentWidget config={config}/>
  );

Hvis du er i EU, bør du sætte parameteren region:

React Native - EU

Copy

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

Du kan finde den konfiguration, som React Native-komponenten understøtter her.

Vue

For at tilføje kommentarer til dit websted bygget med Vue, kan du finde vores Vue-bibliotek på NPM her.

Derudover findes et vue-next-bibliotek på NPM her

Kildekoden kan findes på GitHub.

FastComments Vue-kommentarwidgeten understøtter alle de samme funktioner som VanillaJS-versionen - live-kommentering, sso og så videre.

Følgende instruktioner er for Vue 3, da det har været ude i noget tid, dog understøtter FastComments også Vue 2 via fastcomments-vue-biblioteket.

FastComments Vue via NPM

Copy

npm install --save fastcomments-vue-next

FastComments Vue via Yarn

Copy

yarn add fastcomments-vue-next

Vue-eksempel

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>

Hvis du er i EU, skal du sætte region til EU:

FastComments Vue - EU

Copy

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

fastcomments-vue og fastcomments-vue-next bibliotekerne understøtter den samme konfiguration som VanillaJS-kommentarwidgeten.

Du kan finde den konfiguration, som Vue-komponenten understøtter her.

TypeScript

TypeScript-definitionerne for FastComments, som inkluderer typer for al konfiguration sendt til kommentar-widgetten, kan findes på NPM her.

Du kan finde det på GitHub her.

Flere instanser på samme side

Hver instans af kommentar-widgetten er isoleret. Derfor understøtter FastComments naturligt mere end én instans pr. side eller flere instanser, der peger på den samme chat-tråd.

I tilfældet med VanillaJS-biblioteket skal du for eksempel blot binde kommentar-widgetten til forskellige DOM-noder.

Synkronisering af autentificeringstilstand på tværs af flere instanser

FastComments håndterer synkronisering af autentificeringstilstanden på tværs af widget-instanser for dig.

Almindelige anvendelsestilfælde

Vis live kommentarer med det samme

Kommentar-widgetten er live som standard, men live kommentarer vises under en "Vis N nye kommentarer" knap for at forhindre sideindholdet i at flytte sig.

I nogle tilfælde er det stadig ønskeligt at vise de nye kommentarer med det samme uden at skulle klikke på en knap.

I dette tilfælde vil du aktivere showLiveRightAway flaget, dokumentationen for hvilket du kan finde her.

Tillad anonym kommentering (kræver ikke e-mail)

Som standard kræver FastComments, at brugeren efterlader en e-mail, når de kommenterer.

Dette kan deaktiveres, instruktioner er her.

Tilpasset styling

Mange af vores kunder anvender deres egen styling på kommentar-widgetten. Du kan finde dokumentationen her.

Fejlfinding af almindelige problemer

Her er nogle symptomer, vi ofte ser, og almindelige løsninger.

"This is a demo" Message

Dette vises, når du har kopieret widget-koden fra vores startside, som bruger vores demo tenant. For at bruge din tenant skal du kopiere widget-koden fra her.

"FastComments cannot load on this domain" Error

FastComments skal vide, hvilke domæner der ejes af dig for at godkende forespørgsler tilknyttet din konto. Se vores dokumentation for at se, hvordan du løser denne fejl (tilføj blot det præcise subdomæne + domæne til din konto).

Bemærk, at dette kun burde forekomme efter prøveperioden er slut. I prøveperioden vil forespørgsler fra nye domæner automatisk blive tilføjet til din konto.

Migrated Comments Not Showing for Custom Installations

Normalt sker dette, når de importerede kommentarer er knyttet til en Page ID, og du sender en URL (eller ingen værdi, i hvilket tilfælde den som standard bruger sidens URL).

Du kan fejlsøge dette ved at eksportere dine kommentarer og se på URL ID kolonnen (i øjeblikket Kolonne B).

Sørg for, at de værdier, du ser i URL ID kolonnen, er de samme værdier, du sender til widget- konfigurationen som urlId parameteren.

For yderligere forklaring kan du læse vores How Comments are Tied to Pages and Articles documentation.

Hvis intet hjælper, kontakt os.

Hvis kommentar-widgetten ikke vises, tjek Chrome udviklerkonsollen for fejl.

Ved de fleste fejlkonfigurationer vil kommentar-widgetten i det mindste vise en fejl på siden, hvis den kan indlæses. At intet vises er normalt et tegn på en script-fejl.

Desired Configuration Not Working as Expected

Prøv vores Chrome-udvidelse for at se, hvilken konfiguration kommentar-widgetten får. Hvis intet hjælper, tag et skærmbillede af, hvad Chrome-udvidelsen siger og kontakt os.

Comments Missing on Same URL With Different Hash Bang

Som standard bruger FastComments sidens URL for den "bucket", hvor kommentarer gemmes. Hvis dine URL'er indeholder #hashbangs, og disse #hashbangs ikke bør være en del af identifikatoren, der identificerer en kommentartråd, kan vi simpelt ignorere hashbang-værdien, for eksempel:

Ignorer hashbangs-eksempel

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>

Bemærk, at efter at have foretaget denne ændring, skal der udføres en migration for eksisterende kommentarer. Til det, kontakt os.

Som standard bruger FastComments sidens URL for den "bucket", hvor kommentarer gemmes. Hvis dine URL'er indeholder forespørgselsparametre, der ikke bør være en del af identifikatoren, som identificerer en kommentartråd, kan vi simpelt ignorere dem, for eksempel:

Ignorer forespørgselsparametre

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>

Bemærk, at efter at have foretaget denne ændring, skal der udføres en migration for eksisterende kommentarer. Til det, kontakt os.

Not Receiving Emails

Hos FastComments gør vi en stor indsats for at sikre, at vores e-mails leveres så pålideligt som muligt. Dog er nogle e-mailudbydere notorisk svære at levere til pålideligt vis. Tjek din spam- mappe for beskeder fra fastcomments.com.

Hvis du kontakter os kan vi som regel give mere indsigt i, hvorfor du måske ikke modtager e-mails fra os.

Notion og Google Sites

Vil du tilføje kommentarer til dine Notion-sider, Google Sites eller Nimbus Notes? Vi har dig dækket.

Notion

For at tilføje kommentarer til Notion-dokumenter, se forklaringsvideoen her.

Google Sites

Google Sites understøttes også, og fremgangsmåden er tilsvarende.

Opret en samtale til indlejring.
Når du redigerer dit Google Site, gå til Insert -> Embed. Vælg By URL.
Sæt URL'en fra trin 1 ind.
Klik på Insert. Færdig!

Bemærk: Kommentarer vises ikke, før du offentliggør

Nimbus Note

Tilføjelse af live-kommentarer til en Nimbus Note understøttes også, og fremgangsmåden er som i Notion.

Opret en samtale til indlejring.
Når du redigerer din note, tilføj en indlejringsblok.
Brug URL'en fra trin 1 som den URL, der skal indlejres.
Færdig!

Næste guide

Tredjeparts-plugins

Tilpassede installationer

Indlejring i dokumenter

Add Comments To a Website

Installation

WordPress

VanillaJS / HTML-udsnit

Angular

Brug

React

React Native

Vue

TypeScript

Flere instanser på samme side

Synkronisering af autentificeringstilstand på tværs af flere instanser

Almindelige anvendelsestilfælde

Vis live kommentarer med det samme

Tillad anonym kommentering (kræver ikke e-mail)

Tilpasset styling

Fejlfinding af almindelige problemer

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

Notion

Google Sites

Nimbus Note

Sprog 🇩🇰 Dansk

Tredjeparts-plugins

Tilpassede installationer

Indlejring i dokumenter

Add Comments To a Website

Installation

WordPress

VanillaJS / HTML-udsnit

Angular

Brug

React

React Native

Vue

TypeScript

Flere instanser på samme side

Synkronisering af autentificeringstilstand på tværs af flere instanser

Almindelige anvendelsestilfælde

Vis live kommentarer med det samme

Tillad anonym kommentering (kræver ikke e-mail)

Tilpasset styling

Fejlfinding af almindelige problemer

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

Notion

Google Sites

Nimbus Note