React / Next.js

مكون <TalkmioChat siteKey="…" /> لـ React و Next.js (App and Pages router) و Vite و Remix و Gatsby. آمن لـ SSR — حيث يقوم بتحميل الأداة مرة واحدة في المتصفح والتعرف على المستخدم الحالي.

تحميل talkmio-react-1.0.0.zip

التثبيت

  1. انسخ src/index.js إلى مشروعك (أو قم بتثبيت الحزمة من ملف zip باستخدام npm install ./talkmio-react).
  2. قم بعملية الرندر (Render) مرة واحدة، على سبيل المثال في التخطيط الرئيسي (root layout): <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
  3. في Next.js App Router: ضعه في مكون عميل ('use client') يتم تضمينه من app/layout.js.

أين أجد مفتاح الموقع (site key) الخاص بي؟ قم بتسجيل الدخول عبر app.talkmio.com ← Websites، أضف موقعك الإلكتروني وانسخ المفتاح المكون من 12 حرفاً (مثال: 2wkxhgujxwlv). ليس لديك حساب بعد؟ أنشئ حساباً مجانياً — لا يتطلب بطاقة ائتمان.