FastComments.com

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


Webnode の HTML ブロックは、コメントウィジェットを埋め込むために使用します。2023 年 6 月 26 日以降、このブロックは有料の Webnode 機能であり、無料プランでは利用できず、その日以降に作成されたプロジェクトは使用するためにプレミアムパッケージが必要です。エディタに HTML オプションが表示されない場合は、Webnode プランをアップグレードすれば表示されます。

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


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

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

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

ステップ 2: セクションとHTMLブロックを追加 Internal Link

Next, determine where you want to add comments. Mouse over the bottom of the previous content area
and click to add a section:

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

Now let's put an HTML block in that section, where the code snippet will go. Select HTML:

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

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

ステップ 3: コードスニペットをコピー&ペースト Internal Link

Now, copy this code snippet:

インストールコード
Copy 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

Then paste it in the block:

Step Three: Paste Code
Paste Code

It should look like this in the editor:

Step Three: Review
Review

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

ステップ 4: 公開 Internal Link

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

ステップ四: 公開
Publish

完了 Internal Link

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

完了!
完了!

カスタマイズ Internal Link


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

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