FastComments は SSR で以下の機能をサポートしています:

• カスタマイズ可能なコメントウィジェット.
• 匿名でのコメント投稿.
• ログイン中のコメント投稿.
• SSO.
• ルートおよびネストされた返信.
• コメントスレッドの表示 & ページネーション.
• 投票（匿名投票を含む）.
• デフォルトのソート順の変更.

例

FastComments SSR の例は こちら でご覧いただけます。

FastComments SSR

FastComments SSR を使用するには、クライアントが https://fastcomments.com/ssr/comments エンドポイントから HTML を取得できます。

これはいくつかの方法で行うことができます。

With WordPress

SSR は、WordPress プラグインのフォールバックとして JS が無効なユーザー向けにバージョン 3.10.2 以降でデフォルトで有効になっています。

In a Webpage

既存のアプリケーションでも、使用言語が PHP と仮定すると、以下の例 を使って SSR を追加できます:

PHPベースのSSR例

Copy

1

2<?php

3$tenantId = rawurlencode("my-tenant-id");

4$urlId = rawurlencode("my-page-url-article-id");

5$url = rawurlencode("my-page-url");

6

7$fastcomments_url = "https://fastcomments.com/ssr/comments?tenantId=$tenantId&urlId=$urlId&url=$url";

8?>

9<iframe

10 src="<?php echo $fastcomments_url; ?>"

11 horizontalscrolling="no"

12 allowtransparency="true"

13 frameborder="0"

14 title="FastComments"

15 width="100%"

16 height="1500px"

17 style= "width: 1px !important; min-width: 100% !important; border: none !important; overflow: hidden !important;"

18></iframe>

19

ユーザーが JS を無効にしている場合のみ SSR UI を表示することもできます:

PHPベースのSSRフォールバック例

Copy

1

2<?php

3$tenantId = rawurlencode("my-tenant-id");

4$urlId = rawurlencode("my-page-url-article-id");

5$url = rawurlencode("my-page-url");

6

7$fastcomments_url = "https://fastcomments.com/ssr/comments?tenantId=$tenantId&urlId=$urlId&url=$url";

8?>

9<noscript>

10 <iframe

11 src="<?php echo $fastcomments_url; ?>"

12 horizontalscrolling="no"

13 allowtransparency="true"

14 frameborder="0"

15 title="FastComments"

16 width="100%"

17 height="1500px"

18 style= "width: 1px !important; min-width: 100% !important; border: none !important; overflow: hidden !important;"

19 ></iframe>

20</noscript>

21

SSO を使用した例については、こちらを参照してください。

With Pre-Rendered Content

当社のブログはビルド時に生成されており、Handlebars を使った SSR の良い例 を示しています。

The Basic Parameters

渡す必要がある基本的なパラメータは次のとおりです:

• tenantId - これはあなたを顧客として識別します。
• urlId - これはコメントを読み込むページや記事を識別し、保存先を定義します。
• url - これは通知や関連機能でコメントスレッドに戻るリンクとして使用されます。

Custom Styling

コメントウィジェットの SSR バージョンは、JavaScript のものと同じ構造およびレンダリングエンジンを使用します。

したがって、JavaScript コメントウィジェットで動作するすべてのカスタムスタイリングは SSR でも動作します。

Notes

SSR では、レンダリングされたコンテナの高さを制御する JavaScript がありません。ブラウザでは、長い議論の場合に垂直スクロールバーが表示されることがあります。

そのため、必要に応じてこれを調整してください。