Hostinger サイトにライブコメントを追加

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

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

セクションを追加

セクションを追加

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

埋め込みコード

このようになります:

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

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

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

成功

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

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

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

FastCommentsは、Hostinger向けのPage Reacts(別名Floating Likeボタン)ウィジェットにも対応しています。

このページの右下で実際に動作している様子をご覧いただけます!

注意!

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

1. まず、コードを取得します:

Hostinger Floating Likes コード

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-page-likes-floating.min.js?v=2" async></script>

3<div id="fastcomments-page-likes-floating"></div>

4<script>

5 (function () {

6 function tryLoad() {

7 if (typeof window.FastCommentsEmbedPageLikesFloating === 'function') {

8 window.FastCommentsEmbedPageLikesFloating(document.getElementById('fastcomments-page-likes-floating'), {

9 tenantId: "demo"

10 });

11 } else {

12 setTimeout(tryLoad, 50);

13 }

14 }

15

16 tryLoad();

17 })();

18</script>

19

2. 次に、Hostingerでサイトビルダーを開きます。
3. 左下の「Website Settings」に移動します。
4. 「Integrations」を選択します。
5. 新しいコードを Custom code フィールドの 末尾 に追加し、サイトを公開します。
6. プレビューモードではウィジェットは表示されませんが、公開されたサイトには表示されます。