Webnode サイトにコメントを追加

まず、コメントを追加したいページのテンプレートを編集する必要があります。

Pagesで該当ページを開き、下部の「Edit」をクリックします:

ステップ1: ページを編集

次に、コメントを追加する場所を決めます。前のコンテンツエリアの下部にマウスを合わせ、クリックしてセクションを追加します:

ステップ2: セクションを追加

次に、コードスニペットを配置する場所にHTMLブロックをそのセクションに追加しましょう。HTML を選択します:

注意: 2023年6月26日現在、WebnodeのHTMLブロックは有料機能です。無料プランでは利用できず、その日付以降に作成されたプロジェクトではプレミアムパッケージが必要です。HTML オプションが表示されない場合は、Webnodeプランをアップグレードして有効にしてください。

ステップ3: コードブロックを追加

次に、このコードスニペットをコピーします:

インストールコード

Copy

1

2<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5window.fcConfigs = [{

6 "tenantId": "demo"

7}];

8</script>

9

そして、以下のブロックに貼り付けます:

ステップ3: コードを貼り付け

エディタでは次のように表示されるはずです:

ステップ3: 確認

Webnodeはエディタ内でHTMLブロックをレンダリングしないため、セキュリティ上の理由でコンテンツを表示できないというプレースホルダーが表示されます。これは正常な動作です。コメントウィジェットは、次に行う公開後に表示されます。

変更を公開すると、コメントウィジェットがサイト上でライブ表示されるのを確認できます！

ステップ四: 公開

これで FastComments.com のライブコメントウィジェットが表示されているはずです:

完了!

FastCommentsはあなたのサイトに合わせてカスタマイズできるよう設計されています。

カスタムスタイリングを追加したり、設定を微調整したい場合は、カスタマイズのドキュメントを確認してください で方法を学んでください。