React / Next.js

React, Next.js (AppおよびPagesルーター)、Vite、Remix、Gatsby向けのコンポーネント <TalkmioChat siteKey="…" /> です。SSRに対応しており、ブラウザで一度だけウィジェットを読み込み、現在のユーザーを識別します。

talkmio-react-1.0.0.zipをダウンロード

インストール

1. src/index.js をプロジェクトにコピーするか、zipファイルからパッケージをインストールしてください (npm install ./talkmio-react)。
2. ルートレイアウトなどで一度だけレンダリングします： <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Routerの場合： app/layout.js から読み込まれるクライアントコンポーネント ('use client') 内に配置してください。

サイトキーはどこにありますか？ app.talkmio.com → Websites にサインインしてウェブサイトを追加し、12文字のキー (例: 2wkxhgujxwlv) をコピーしてください。まだアカウントをお持ちでない場合は、無料で作成してください。カード登録は不要です。

公開前にチャットをテストする

インストール後、ブラウザのプライベートウィンドウでサイトを開き、お客様からよく寄せられる質問を2〜3件Mioに尋ねてみましょう。各回答があなたのページに基づいているか確認し、足りない情報があればサイトやナレッジベースに追加してから再度質問してください。

訪問者に表示される内容

コードが読み込まれたすべてのページにチャットボタンが表示されます。訪問者はいつでも質問でき、Mioがあなたのコンテンツをもとに訪問者の言語で回答し、人の対応が必要なときはチームに引き継ぎます。

次のステップ

すべての連携を見る、プランと料金を比較する、ドキュメントを読む、またはよくある質問を確認してください。