ทำไม Virtual Home Tour ถึงสำคัญในตลาดอสังหาไทย
ในปี 2568 ผู้ซื้อคอนโดไทยกว่า 70% เริ่มต้นค้นหาบน mobile และ LINE เป็นช่องทางหลัก Matterport Virtual Tour ให้ผู้ซื้อ เดินชมโครงการ 24/7 โดยไม่ต้องเดินทาง ลดภาระทีมขายและเพิ่ม qualified lead ที่มาถึง showroom พร้อมตัดสินใจ
ขั้นตอน Matterport Capture
1. ใช้กล้อง Matterport Pro3 หรือ Pro2 (หรือ iPhone + Matterport Capture app สำหรับงบประมาณต่ำ) 2. ถ่ายทุก 1–1.5 เมตร ตามเส้นทางการเดิน 3. อัปโหลดขึ้น Matterport Cloud (process ~30–60 นาที) 4. ได้ผลลัพธ์: 3D dollhouse view, floor plan 2D, point cloud
ยูนิตขนาด 50 ตร.ม. ใช้เวลาถ่าย ~45 นาที, 3 ห้องนอน 120 ตร.ม. ~2 ชั่วโมง
Matterport SDK Embed พื้นฐาน
html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Virtual Home Tour</title> <style> body { margin: 0; } iframe { width: 100vw; height: 100vh; border: none; } </style> </head> <body> <iframe src="https://my.matterport.com/show/?m=YOUR_MODEL_ID&play=1&qs=1&brand=0" allowfullscreen allow="vr; xr; accelerometer; magnetometer; gyroscope" ></iframe> </body> </html>
URL parameters สำคัญ: - — auto-play highlight reel - — แสดง Quick Start guide - — ซ่อน Matterport branding (ต้องการ plan ที่รองรับ) - — ภาษาไทย
Matterport SDK JavaScript: Automated Hotspot Generation
javascript // ติดตั้ง Matterport SDK import { setupSdk } from '@matterport/sdk'; async function initMatterportWithHotspots(modelId, hotspotData) { const sdk = await setupSdk('YOUR_SDK_KEY', { space: modelId, container: document.getElementById('mp-container') }); await sdk.App.state.waitUntil(state => state.phase === sdk.App.Phase.PLAYING); // เพิ่ม hotspot อัตโนมัติจากข้อมูลห้อง for (const room of hotspotData.rooms) { const tag = await sdk.Tag.add({ label: room.name, description: room.description, anchorPosition: room.position, // {x, y, z} จาก floor plan stemVector: { x: 0, y: 0.3, z: 0 }, color: { r: 0.04, g: 0.58, b: 0.86 } }); // เพิ่ม media attachment (รูปภาพห้อง, วิดีโอ, ราคา) if (room.imageUrl) { await sdk.Tag.attachMedia(tag.id, { type: sdk.Tag.MediaType.PHOTO, src: room.imageUrl }); } } // ดึง floor plan positions เพื่อสร้าง hotspot const floorData = await sdk.Floor.getData(); console.log('Floors:', floorData); return sdk; } // ข้อมูล hotspot สำหรับ condo 2 ห้องนอน const hotspotData = { rooms: [ { name: "ห้องนั่งเล่น | Living Room", description: "พื้นที่ 22 ตร.ม. วิวเมืองชั้น 25", position: { x: 0, y: 0, z: 0 }, imageUrl: "https://cdn.project.com/living-room.jpg" }, { name: "ห้องนอนใหญ่ | Master Bedroom", description: "พื้นที่ 15 ตร.ม. ห้องน้ำในตัว walk-in closet", position: { x: 5.2, y: 0, z: -3.1 }, imageUrl: "https://cdn.project.com/master-bedroom.jpg" } ] };
ฝังใน LINE LIFF
LINE LIFF (LINE Front-end Framework) ให้ฝังเว็บแอปใน LINE chat — เหมาะสำหรับ VR tour ที่ผู้ใช้เปิดใน LINE โดยตรง:
javascript // LIFF initialization + Matterport embed import liff from '@line/liff'; async function initLIFF() { await liff.init({ liffId: 'YOUR_LIFF_ID' }); const profile = await liff.getProfile(); console.log('LINE User:', profile.displayName); // บันทึก lead data อัตโนมัติเมื่อเปิด tour await fetch('/api/track-tour-open', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ lineUserId: profile.userId, modelId: MODEL_ID, timestamp: new Date().toISOString() }) }); // ส่ง rich message กลับ LINE เมื่อดู tour เสร็จ if (liff.isInClient()) { setTimeout(() => { liff.sendMessages([{ type: 'template', altText: 'สนใจนัดชมโครงการจริงไหม?', template: { type: 'confirm', text: 'คุณสนใจนัดชมโครงการจริงไหม?', actions: [ { type: 'message', label: 'สนใจนัด', text: 'ต้องการนัดชมโครงการ' }, { type: 'message', label: 'ขอข้อมูลเพิ่ม', text: 'ขอราคาและโปรโมชัน' } ] } }]); }, 180000); // 3 นาทีหลังเปิด tour } } initLIFF();
Floor Plan Export และ Measurement
Matterport SDK มีเครื่องมือ measurement ที่แม่นยำ ±1%:
javascript // วัดระยะห้องผ่าน SDK async function measureRoom(sdk) { const measurements = await sdk.Measurement.data.subscribe(data => { data.measurements.forEach(m => { console.log(); }); }); } // Export floor plan เป็น OBJ/USD สำหรับ AR const floorPlanUrl = ;
ตัวชี้วัด ROI สำหรับ Developer ไทย
| KPI | ก่อน Virtual Tour | หลัง Virtual Tour | |---|---|---| | เวลาดู listing เฉลี่ย | 45 วินาที | 4–8 นาที | | Qualified leads ต่อ showroom visit | 20% | 45–55% | | คำถามซ้ำทีมขาย | สูง | ลด 40% | | ระยะทางถ่าย/ยูนิต 50 ตร.ม. | — | ~45 นาที |
ค่าใช้จ่าย Matterport (2568)
แผน Google Workspace บน Matterport: - Starter: ~.99/เดือน (5 active spaces) - Professional: ~9/เดือน (25 active spaces) - Business: ~09/เดือน (unlimited + API) กล้อง Matterport Pro3: ~,000 USD ทางเลือก: iPhone + Matterport Capture App ฟรี (ความละเอียดต่ำกว่า)
สรุป
Matterport Virtual Tour ฝังใน LINE LIFF เปลี่ยน LINE OA จาก broadcast channel เป็น interactive sales tool — ให้ผู้ซื้อสำรวจยูนิตได้ตลอด 24 ชั่วโมง ลดต้นทุนการตลาดต่อ qualified lead และเพิ่ม conversion presale อย่างมีนัยสำคัญ