Add Live Commenting to Hostinger Sites

まず、このチュートリアルは Hostinger Website Builder のみに適用されることに注意してください。

Hostinger を WordPress と一緒に使用している場合は、当社の WordPress Plugin をインストールするだけで済みますそのプラグインにはインストール手順があります。

このチュートリアルは Website Builder 向けの手順に進みます。

ステップ1: コードウィジェットを追加

まず、Website Builderであなたのサイトを開きます。

今、コメントを表示したいセクションがまだない場合は、空のセクションを追加してください:

セクションを追加

次に、新しく追加したセクションをクリックし、上部の Add element をクリックしてから Embed code をクリックして、Hostinger Embed ウィジェットを追加します:

埋め込みコード

このようになります:

コードセクションが追加されました

これで Step 2 の準備ができました。

ステップ2: コードを追加

Now let's add our widget code.

以下のコードをコピーしてください。fastcomments.com にサインインしていることを確認し、サインインしていない場合はこのページをリロードしてください。そうすることでコードがアカウント情報で事前に入力されます。サインインしていないとデモ用のコードが表示されます。

ではコードをコピーしましょう：

Hostinger コメントコード

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    FastCommentsUI(document.getElementById('fastcomments-widget'), {
        tenantId: "demo",
        pageTitle: window.parent.document.title,
        urlId: window.parent.location.href,
        url: window.parent.location.href
    });
</script>

サイトビルダーに戻り、Enter code をクリックします：

コードを入力

注意！

上記のコードを使用し、他のドキュメントのコードスニペットを使用しないことが重要です。このスニペットはHostinger向けに特別に作成されています。

次のように空白のように見える表示になるはずです。これは正常です。ウィジェットが表示されるエリアにマウスを移動してください：

コードウィジェットが追加されました

ウィジェットをドラッグして希望のサイズに調整すると、表示されます：

サイズを変更

...そして、プレビューして保存してください！

成功

これで完了です！Hostinger サイトにライブコメントが追加されているはずです。

成功

もし権限が拒否されました（permission denied）エラーが発生した場合、または FastComments をカスタマイズしたい場合は、続きをお読みください。

サイトのドメインエラー

次のような認証エラーが発生することがあります：

ドメイン構成が見つかりません

これは、FastComments がこのドメインでアカウントを使用することを許可すべきであると認識していないためです。

この場合、対処は簡単です。サイトをあなたの FastComments.com アカウントに追加するだけです。

ここでアカウントにサイトを追加できます。

これで、サイトに高速なライブコメント機能が追加されるはずです！

サイトのカスタマイズ

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

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

フローティングいいねボタン

FastComments は Hostinger 向けの Page Reacts（別名フローティング「いいね」ボタン）ウィジェットにも対応しています。

このページの右下で実際の動作を確認できます！

注意！

これらの手順は Hostinger のサイトビルダー向けです。Hostinger の WordPress を使用している場合は、以下のコードを取得して、サイトに追加してください。小さなコードスニペットをサイトに追加するための無料で使いやすいプラグインである WPCode を使用します。

First, grab the code:

Hostinger フローティングいいねコード

Copy

<script src="https://cdn.fastcomments.com/js/embed-page-likes-floating.min.js?v=2" async></script>
<div id="fastcomments-page-likes-floating"></div>
<script>
    (function () {
        function tryLoad() {
            if (typeof window.FastCommentsEmbedPageLikesFloating === 'function') {
                window.FastCommentsEmbedPageLikesFloating(document.getElementById('fastcomments-page-likes-floating'), {
                    tenantId: "demo"
                });
            } else {
                setTimeout(tryLoad, 50);
            }
        }
        tryLoad();
    })();
</script>

Then, in Hostinger, open the site builder.
Go to Website Settings in the bottom Left.
Select Integrations.
Add the new code to the end of the Custom code field, and publish your site.
You will not see the widget in preview mode, but it will appear on the published version of the site.

Hostinger サイトのインストール

Hostinger のフローティングいいね

Add Live Commenting to Hostinger Sites

ステップ1: コードウィジェットを追加

ステップ2: コードを追加

注意！

成功

サイトのドメインエラー

サイトのカスタマイズ

フローティングいいねボタン

注意！

言語 🇯🇵 日本語

Hostinger サイトのインストール

Hostinger のフローティングいいね

Add Live Commenting to Hostinger Sites

ステップ1: コードウィジェットを追加

ステップ2: コードを追加

注意！

成功

サイトのドメインエラー

サイトのカスタマイズ

フローティングいいねボタン

注意！