Add Comments to Weebly Sites

FastComments を使えば、どの Weebly サイトにも簡単にライブコメント機能を追加できます。

以下の手順は Weebly 上に構築されたブログ向けです。他の種類のサイトについては、サポートスタッフが喜んでお手伝いしますので、お気軽にお問い合わせください。

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

ステップ 1: ブログ設定を開く

First, make sure you have some blog posts added to your site to see the results of this tutorial.

Once ready, we can go ahead and open the Weebly editor, and click Settings at the top.

設定を開く

Now let's open the settings for our blog by going to Blog on the left:

ブログ設定を開く

Now what we need to do is disable the default Weebly comment system, which we will replace.

Note if you'd like to migrate over existing comments from your Weebly site to FastComments, your support representative can assist with this migration.

Now let's set the Commenting system to Default and Comment Default to Closed:

デフォルトシステムを無効にする

Next we just have to add the FastComments.com widget code!

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

WeeblyとFastCommentsの統合をうまく機能させるために、2つの小さなコードスニペットを追加する必要があります。

最初のスニペットは Weebly の「コメントは閉じられています」メッセージを非表示にするためのもので、2つ目は実際に FastComments を読み込むためのものです。

まず、この小さなコードスニペットをコピーしてください：

FastComments ヘッダー用コードスニペット

Copy

<style>
    #comments {
        display: none;
    }
    #commentArea:not(.loaded) {
        display: none;
    }
    #commentArea.loaded {
        display: block !important;
    }
</style>

次に、Step Oneで使った同じ設定ページで、Post header codeの横にある+をクリックします。

投稿ヘッダーコードを開く

次のようにテキストボックスが開きます：

投稿ヘッダーコードが開いた状態

次にコードスニペットを貼り付けます：

ヘッダーコードスニペットを貼り付けた

次は FastComments を有効にするフッターコードです。Post footer codeの横にあるプラス記号をクリックします：

投稿フッターコードを開く

Weebly 用に特別に設計されたこのコードスニペットをコピーしてください：

FastComments フッター用コードスニペット

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    (function () {
        let loaded = false;
        let interval = null;
        function attemptLoad() {
            if (loaded) {
                clearInterval(interval);
                return;
            }
            const comments = document.getElementById('comments');
            if (comments) { // コメント表示ボタンを削除
                comments.remove();
            }
            const commentArea = document.getElementById('commentArea');
            if (!commentArea) {
                return;
            }
            commentArea.innerHTML = '';
            commentArea.classList.add('loaded');
            FastCommentsUI(commentArea, {
                tenantId: "demo",
                urlId: window.location.pathname
            });
            loaded = true;
            clearInterval(interval);
        }
        attemptLoad();
        interval = setInterval(attemptLoad, 300);
    })();
</script>