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

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

まず、Website Builderでサイトを開きます。

次に、コメントを表示したいセクションがまだない場合は、空白のセクションを追加します:

セクションの追加

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

Embed code

以下のような画面が表示されます:

コードセクションの追加完了

これで Step 2 に進む準備ができました。

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

これでウィジェットのコードを追加しましょう。

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

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

Zyro コメントコード

Copy

<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    window.fcConfigs = [{
        target: '#fastcomments-widget',
        tenantId: "demo",
        pageTitle: window.parent.document.title,
        urlId: window.parent.location.href,
        url: window.parent.location.href
    }];
</script>

それではサイトビルダーに戻り、Enter code をクリックしてください：

コードを入力

注意！

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

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

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

ウィジェットを目的のサイズになるようドラッグすると、表示されるのが確認できます：

サイズを変更

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

成功

これで完了です！Zyro サイトにライブコメントが追加されました。

成功

権限拒否エラーが発生した場合、または FastComments をカスタマイズしたい場合は、以下をお読みください。

サイトドメインエラー

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

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

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

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

アカウントにサイトを追加するにはここにアクセスしてください。

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

サイトカスタマイズ

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

カスタムスタイリングを追加したり、設定を調整したい場合は、方法を学ぶためにカスタマイズと設定に関するドキュメントをご確認ください。

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

FastComments は Zyro 向けに Page Reacts（いわゆる Floating Like ボタン）ウィジェットもサポートしています。

このページの右下で実際に動作しているのが確認できます！

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

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

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>

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

Zyro サイトに投票を追加

FastComments が Zyro サイトに導入されれば、コメント内でライブ投票を実行することもできます。ウィジェットのカスタマイズ設定で Enable Polls をオンにすると、コメントツールバーに投票ボタンが表示されます。投票は 2 から 10 の選択肢を設定でき、結果はページ上の全員にリアルタイムで更新されます。また、投票を作成できるユーザーや投票にログインが必要かどうかを選択できます。Zyro に追加でインストールするものはありません。

ライブ投票デモを試すまたは設定するには投票ドキュメントをお読みください。

言語 🇯🇵 日本語

Zyro サイトインストール

Zyro フローティングいいね

投票