FastComments.com

Add Comments to a Systeme.io Blog


FastComments を使えば、任意の Systeme.io ブログにライブコメント機能を簡単に追加できます。

以下の手順は Systeme.io で構築されたブログ向けのものですが、埋め込みコードは他のテーマファイルを編集することで任意のページに手動で追加することもできます。FastComments サポートもこの作業を支援できます。

このチュートリアルには FastComments アカウントが必要です。まずアカウントにサインアップしてからここに戻ってくることをお勧めします。 ここでアカウントを作成できます。


ステップ 1: ブログのテーマテンプレートを開く Internal Link

ブログのレイアウトを編集して、すべてのブログ投稿にFastCommentsを追加します。

ブログ管理パネルで、Post Layout ボタンをクリックします。

投稿レイアウトを開く
投稿レイアウトを開く

次に Raw HTML ブロックを追加します(コメント欄にしたい場所にドラッグしてください):

Raw HTML ブロックを追加
Raw HTML ブロックを追加

ブロックにマウスを移動して、Raw HTML と表示されたらクリックします:

ブロックを選択
ブロックを選択

左側に Edit Code をクリックするオプションが表示されます - それをクリックします:

コードを編集
コードを編集

ステップ 2: FastComments.com のコードを追加する Internal Link


これからコードをコピーします。もしコードスニペットの6行目に tenantId: "demo" と書かれている場合は、FastCommentsのアカウントにログインして このページをリロードし、コピーされたスニペットにあなたのアカウントIDが反映されるようにしてください。

Systeme.io スニペット
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 FastCommentsUI(document.getElementById('fastcomments-widget'), {
6 tenantId: "demo"
7 });
8</script>
9

これをエディタに貼り付けて、保存をクリックしてください:

FastComments コードを追加
FastComments コードを追加

... then save your site. That's it!


成功 Internal Link

これでブログ記事を表示すると、FastCommentsが表示されるはずです!

成功!
成功!

Systeme.ioでFastCommentsを設定したこと、おめでとうございます!ドメインエラーが発生した場合や、コメント領域のカスタマイズ方法を学びたい場合は、読み進めてください!

カスタマイズ Internal Link

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

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