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) をコピーしてください。まだアカウントをお持ちでない場合は、無料で作成してください。カード登録は不要です。