ตัวอย่างระบบ AI หาลูกค้าจากโซเชียล สำหรับผู้เรียน BizDrive — เว็บเดโมที่กดเล่นได้จริง ใช้เรียนรู้ว่า "AI product สำหรับธุรกิจ" คิดยังไง หน้าตาเป็นยังไง และปรับเป็นธุรกิจของคุณเองได้
🌐 ลองเล่นเลย: https://talkradar-demo.vercel.app
| หน้า | โชว์อะไร |
|---|---|
| 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 ขั้นเปลี่ยนเป็นธุรกิจคุณ:
- ก็อป
solar.tsเป็นไฟล์ใหม่ เช่นmy-business.tsแล้วแก้ข้อมูล: ชื่อธุรกิจ, คีย์เวิร์ด, lead (ลองเขียนเลียนโพสต์จริงที่ลูกค้าคุณถามในเน็ต), คู่แข่ง, แผนการตลาด - เปิด
lib/data/index.tsเพิ่มธุรกิจใหม่เข้า arraybusinesses - รีเฟรชหน้าเว็บ → สลับไปธุรกิจคุณจาก dropdown ได้เลย
💡 เคล็ดลับ: ให้ AI (Claude/ChatGPT) ช่วยเขียนไฟล์ data ให้ — ก็อปไฟล์ solar.ts + lib/types.ts ให้มันดูเป็นตัวอย่าง แล้วบอกว่าธุรกิจคุณคืออะไร
เอาขึ้นเว็บจริง (ฟรี): สมัคร Vercel แล้วรัน npx vercel ในโฟลเดอร์โปรเจค — ได้ลิงก์ของตัวเองใน 2 นาที
ระบบจริงไม่ scrape Facebook/TikTok (ปิด API แล้ว + ผิดกติกา) แต่ใช้:
- Google เป็นเรดาร์ — โพสต์ Pantip/โซเชียลจำนวนมากติด index อยู่แล้ว ระบบแตกคีย์เวิร์ดเป็นหลายสิบคำค้น (เช่น
"ติดโซลาร์" site:pantip.com) ยิงผ่าน SERP API - YouTube Data API (ฟรี) — ค้นคลิป + ดึงคอมเมนต์ = ขุมทรัพย์ pain point ภาษาไทย
- Meta Ad Library (ฟรี ถูกกติกา) — ดูโฆษณาที่คู่แข่งกำลังยิง
- นำเข้าเอง — วางลิงก์/ก็อปข้อความ → AI แปลงเป็นข้อมูลใน 10 วินาที
แล้ว AI ทำหน้าที่: อ่านโพสต์ → แยก intent (ซื้อจริงหรือแค่ถาม) → ให้คะแนน → เขียนสคริปต์ตอบ
กติกาที่ระบบยึด: ใช้เฉพาะข้อมูลสาธารณะ · ไม่เก็บโปรไฟล์บุคคล (เก็บ "บทสนทนา" — ปลอดภัยต่อ PDPA) · ทุก insight ต้องอ้างที่มา · ตอบแบบเปิดเผยตัวตนธุรกิจ ไม่ spam
Next.js 15 (static, ไม่มี backend) · TypeScript · Tailwind CSS 4 · Recharts · lucide-react · ฟอนต์ Sarabun · เก็บสถานะใน localStorage
MIT — เอาไปใช้ ดัดแปลง สอนต่อได้เต็มที่ · สร้างโดย BizDrive เพื่อการเรียนรู้ AI สำหรับคนทำธุรกิจ