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. เรนเดอร์เพียงครั้งเดียว เช่น ใน root layout: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: ให้ใส่ไว้ใน client component ('use client') ที่ถูกเรียกใช้จาก app/layout.js

Site key ของฉันอยู่ที่ไหน? ลงชื่อเข้าใช้ที่ app.talkmio.com → Websites เพิ่มเว็บไซต์ของคุณและคัดลอกคีย์ 12 หลัก (เช่น 2wkxhgujxwlv) ยังไม่มีบัญชีใช่หรือไม่? สร้างบัญชีฟรี — โดยไม่ต้องใช้บัตรเครดิต