React / Next.js
مكون <TalkmioChat siteKey="…" /> لـ React و Next.js (App and Pages router) و Vite و Remix و Gatsby. آمن لـ SSR — حيث يقوم بتحميل الأداة مرة واحدة في المتصفح والتعرف على المستخدم الحالي.
التثبيت
- انسخ
src/index.jsإلى مشروعك (أو قم بتثبيت الحزمة من ملف zip باستخدامnpm install ./talkmio-react). - قم بعملية الرندر (Render) مرة واحدة، على سبيل المثال في التخطيط الرئيسي (root layout):
<TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} /> - في Next.js App Router: ضعه في مكون عميل (
'use client') يتم تضمينه منapp/layout.js.
أين أجد مفتاح الموقع (site key) الخاص بي؟ قم بتسجيل الدخول عبر app.talkmio.com ← Websites، أضف موقعك الإلكتروني وانسخ المفتاح المكون من 12 حرفاً (مثال: 2wkxhgujxwlv). ليس لديك حساب بعد؟ أنشئ حساباً مجانياً — لا يتطلب بطاقة ائتمان.