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 インストール --save fastcomments-react
import { Component } from 'react'
import { FastCommentsCommentWidget } from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}
npm インストール --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に基づいて、ページごとに個別のコメントスレッドを自動的に作成します。お使いのプラットフォームがHTML埋め込みコードをサポートしている場合（WordPress、Squarespace、Webflowなど）、VanillaJSスニペットをHTMLブロックに貼り付けるだけです。
4
カスタマイズ
自分好みにカスタマイズしましょう。FastCommentsは、カスタムCSS、ダークモード、匿名コメント、コメント管理など、様々な機能をサポートしています。すべての設定はダッシュボードから行えます。
