React / Next.js

Компонент <TalkmioChat siteKey="…" /> для React, Next.js (App и Pages router), Vite, Remix и Gatsby. Безопасен для 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: поместите его в клиентский компонент ('use client'), который подключается в app/layout.js.

Где найти ключ сайта? Войдите в app.talkmio.com → Websites, добавьте свой сайт и скопируйте 12-значный ключ (например, 2wkxhgujxwlv). Еще нет аккаунта? Создайте его бесплатно — карта не требуется.