1
계정 만들기
무료 체험판에 가입하여 나만의 테넌트 ID와 코드 스니펫을 받으세요. 신용 카드 정보는 필요하지 않습니다. 또는 아래 데모 코드를 사용하여 즉시 사용해 보세요.
2
코드 조각을 복사하세요
아래에서 사용하려는 프레임워크를 선택하고 코드 스니펫을 복사하세요. VanillaJS 옵션은 빌드 시스템 없이 모든 웹사이트에서 작동합니다. React, Vue 또는 Angular를 사용하려면 먼저 npm 패키지를 설치해야 합니다.
<script async src="https://cdn.fastcomments.com/js/embed.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
window.fcConfigs = [{
target: '#fastcomments-widget',
tenantId: 'demo'
}];
</script>
npm install --save fastcomments-react
import { Component } from 'react'
import { FastCommentsCommentWidget } from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}
npm install --save fastcomments-vue
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
// Vue 2 is also supported via fastcomments-vue.
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>
이 스크립트는 데모 목적으로만 제공됩니다. 실제 사용 가능한 코드 조각을 얻으려면 계정을 생성하세요.
3
사이트에 추가하세요
댓글이 표시될 웹페이지 위치에 위 코드 조각을 붙여넣으세요. FastComments는 URL을 기반으로 각 페이지마다 별도의 댓글 스레드를 자동으로 생성합니다. WordPress, Squarespace, Webflow처럼 HTML 삽입 코드를 지원하는 플랫폼이라면 VanillaJS 코드 조각을 HTML 블록에 붙여넣기만 하면 됩니다.
4
맞춤 설정
나만의 스타일로 꾸며보세요. FastComments는 사용자 지정 CSS, 다크 모드, 익명 댓글, 댓글 관리 등 다양한 기능을 지원합니다. 모든 설정은 대시보드에서 가능합니다.
