Skip to content

Repository files navigation

📡 คุยเรดาร์ (TalkRadar) — Demo

ตัวอย่างระบบ AI หาลูกค้าจากโซเชียล สำหรับผู้เรียน BizDrive — เว็บเดโมที่กดเล่นได้จริง ใช้เรียนรู้ว่า "AI product สำหรับธุรกิจ" คิดยังไง หน้าตาเป็นยังไง และปรับเป็นธุรกิจของคุณเองได้

🌐 ลองเล่นเลย: https://talkradar-demo.vercel.app

⚠️ นี่คือโหมดตัวอย่าง — ข้อมูลทั้งหมดเป็นข้อมูลสมมติที่เขียนเตรียมไว้ ระบบไม่ได้ค้นหาจริง ไม่ได้เรียก AI จริง (จำลอง flow ให้ดูเต็มขั้นตอน) เพื่อให้รันได้ทันทีโดยไม่ต้องมี API key ใดๆ


มีอะไรในเดโมนี้

หน้า โชว์อะไร
Dashboard ภาพรวม lead + กราฟ (แพลตฟอร์ม, คะแนน, intent)
ตั้งค่าธุรกิจ ฟอร์ม "สอน AI ให้รู้จักธุรกิจเรา" — ยิ่งชัด ยิ่งแม่น
เรดาร์หา Lead ⭐ กด "เริ่มสแกน" ดูจำลองการค้น+วิเคราะห์ → ตาราง lead พร้อมคะแนน 0-100, เหตุผลคะแนน 7 ปัจจัย, สคริปต์ตอบ, เปลี่ยนสถานะ, Export CSV
คู่แข่ง บทวิเคราะห์จุดแข็ง-จุดอ่อน-ช่องว่าง + ปุ่มเปิด Meta Ad Library ของจริง (ฟรี ถูกกติกา ใช้ได้เลยวันนี้)
AI Studio ข้อมูลชุดเดียว → 5 output: Insight / แผนโฆษณา / Offer / คอนเทนต์ 7 วัน / ข้อความทัก
ตั้งค่าระบบ แนวคิด BYO API Key + การคุมค่าใช้จ่าย AI

มีธุรกิจตัวอย่าง 3 แบบสลับได้จากมุมซ้ายบน: 🌞 โซลาร์เซลล์ · 🏠 อสังหาฯ · 🍜 ร้านอาหารญี่ปุ่น (รวม 52 lead เขียนเลียนภาษาโซเชียลไทยจริง — สังเกตแถว "ฝากร้าน" ที่ AI จับได้ว่าเป็นคนขาย ไม่ใช่ลูกค้า)


วิธีรันบนเครื่องตัวเอง

ต้องมี Node.js เวอร์ชัน 18 ขึ้นไป แล้วเปิด Terminal:

git clone https://github.com/gobank01/talkradar-demo.git
cd talkradar-demo
npm install
npm run dev

เปิดเบราว์เซอร์ที่ http://localhost:3000 — เสร็จ ไม่ต้องตั้งค่าอะไรเพิ่ม ไม่ต้องมี API key


✨ ทำให้เป็นธุรกิจของคุณเอง (แบบฝึกหัดหลัก)

ข้อมูลทั้งหมดอยู่ในโฟลเดอร์ lib/data/ — ไฟล์ละ 1 ธุรกิจ:

lib/data/solar.ts        🌞 โซลาร์เซลล์ (ตัวอย่างละเอียดสุด — ดูเป็นแม่แบบ)
lib/data/real-estate.ts  🏠 อสังหาริมทรัพย์
lib/data/restaurant.ts   🍜 ร้านอาหาร
lib/data/index.ts        ← ลงทะเบียนธุรกิจตรงนี้

3 ขั้นเปลี่ยนเป็นธุรกิจคุณ:

  1. ก็อป solar.ts เป็นไฟล์ใหม่ เช่น my-business.ts แล้วแก้ข้อมูล: ชื่อธุรกิจ, คีย์เวิร์ด, lead (ลองเขียนเลียนโพสต์จริงที่ลูกค้าคุณถามในเน็ต), คู่แข่ง, แผนการตลาด
  2. เปิด lib/data/index.ts เพิ่มธุรกิจใหม่เข้า array businesses
  3. รีเฟรชหน้าเว็บ → สลับไปธุรกิจคุณจาก dropdown ได้เลย

💡 เคล็ดลับ: ให้ AI (Claude/ChatGPT) ช่วยเขียนไฟล์ data ให้ — ก็อปไฟล์ solar.ts + lib/types.ts ให้มันดูเป็นตัวอย่าง แล้วบอกว่าธุรกิจคุณคืออะไร

เอาขึ้นเว็บจริง (ฟรี): สมัคร Vercel แล้วรัน npx vercel ในโฟลเดอร์โปรเจค — ได้ลิงก์ของตัวเองใน 2 นาที


ระบบจริงหาข้อมูลจากไหน (แนวคิดเบื้องหลังเดโม)

ระบบจริงไม่ scrape Facebook/TikTok (ปิด API แล้ว + ผิดกติกา) แต่ใช้:

  1. Google เป็นเรดาร์ — โพสต์ Pantip/โซเชียลจำนวนมากติด index อยู่แล้ว ระบบแตกคีย์เวิร์ดเป็นหลายสิบคำค้น (เช่น "ติดโซลาร์" site:pantip.com) ยิงผ่าน SERP API
  2. YouTube Data API (ฟรี) — ค้นคลิป + ดึงคอมเมนต์ = ขุมทรัพย์ pain point ภาษาไทย
  3. Meta Ad Library (ฟรี ถูกกติกา) — ดูโฆษณาที่คู่แข่งกำลังยิง
  4. นำเข้าเอง — วางลิงก์/ก็อปข้อความ → AI แปลงเป็นข้อมูลใน 10 วินาที

แล้ว AI ทำหน้าที่: อ่านโพสต์ → แยก intent (ซื้อจริงหรือแค่ถาม) → ให้คะแนน → เขียนสคริปต์ตอบ

กติกาที่ระบบยึด: ใช้เฉพาะข้อมูลสาธารณะ · ไม่เก็บโปรไฟล์บุคคล (เก็บ "บทสนทนา" — ปลอดภัยต่อ PDPA) · ทุก insight ต้องอ้างที่มา · ตอบแบบเปิดเผยตัวตนธุรกิจ ไม่ spam


Tech Stack

Next.js 15 (static, ไม่มี backend) · TypeScript · Tailwind CSS 4 · Recharts · lucide-react · ฟอนต์ Sarabun · เก็บสถานะใน localStorage

License

MIT — เอาไปใช้ ดัดแปลง สอนต่อได้เต็มที่ · สร้างโดย BizDrive เพื่อการเรียนรู้ AI สำหรับคนทำธุรกิจ

About

📡 คุยเรดาร์ — ตัวอย่างระบบ AI หาลูกค้าจากโซเชียล (demo สำหรับผู้เรียน BizDrive) · Next.js + ข้อมูลสมมติ รันได้ไม่ต้องมี API key

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages