FastComments.com

最近のディスカッションウィジェットのインストール Internal Link

Recent Discussions ウィジェットは、サイト上で最新のコメント活動があったページを表示します。各項目にはページタイトル、最終アクティビティの日付、およびコメント合計数が表示されます。ダークな背景を自動検出し、それに応じてスタイルを調整します。

基本インストール

Recent Discussions ウィジェットのインストール
Copy CopyRun External Link
1
2<script src="https://cdn.fastcomments.com/js/widget-recent-discussions-v2.min.js"></script>
3<div id="fastcomments-widget-recent-discussions"></div>
4<script>
5 FastCommentsRecentDiscussionsV2(document.getElementById('fastcomments-widget-recent-discussions'), {
6 tenantId: 'demo'
7 });
8</script>
9

設定オプション

FastCommentsRecentDiscussionsV2 関数は次の設定オプションを受け取ります:

  • tenantId (required): あなたの FastComments テナント ID
  • count (optional): 表示するページ数。デフォルトは 20、最大 100
  • hasDarkBackground (optional): ダークモードのスタイリングを強制します。未設定の場合はページの背景から自動検出されます

応用例

カスタムカウント

カスタムカウントのRecent Discussions
Copy CopyRun External Link
1
2<script src="https://cdn.fastcomments.com/js/widget-recent-discussions-v2.min.js"></script>
3<div id="fastcomments-widget-recent-discussions"></div>
4<script>
5 FastCommentsRecentDiscussionsV2(document.getElementById('fastcomments-widget-recent-discussions'), {
6 tenantId: 'demo',
7 count: 5
8 });
9</script>
10

ダークモードを強制

ダークモードのRecent Discussions
Copy CopyRun External Link
1
2<script src="https://cdn.fastcomments.com/js/widget-recent-discussions-v2.min.js"></script>
3<div id="fastcomments-widget-recent-discussions"></div>
4<script>
5 FastCommentsRecentDiscussionsV2(document.getElementById('fastcomments-widget-recent-discussions'), {
6 tenantId: 'demo',
7 hasDarkBackground: true
8 });
9</script>
10