🧪 FounderOS V2 Demo Website

🚀 1. Cài đặt cơ bản

Thêm script tag trực tiếp với data attributes:

<script 
  src="https://tracking.flow-widget.cxgenie.app/cdn/v2/tracker.umd.js"
  data-brand-id="YOUR_BRAND_ID"
  data-api-key="YOUR_API_KEY"
  data-auto-init="true"
  data-enable-widget="true"
  data-environment="local"
  data-widget-url="http://localhost:8080/script/widget.min.js"
  data-debug="false">
</script>

💡 Lưu ý: Tracker sẽ tự động khởi tạo dựa trên các data attributes khi script được load.

⚙️ 2. Tùy chọn cấu hình

🔧 3. Sử dụng thủ công (Manual)

Khởi tạo tracker:

// Khởi tạo tracker, bạn không cần phải làm bước này nếu đã đã dùng data-auto-init= true ở script
 window.Tracker.init(brandId, {
  debug: true,
  api_url: "https://tracking.api.qc.cxgenie.ai/api",
  x_api_key: "your-api-key",
  enable_widget: true
});

// Track events
window.Tracker.track("BUTTON_CLICK", {
  button: "purchase",
  value: 100
});

// Identify user
window.Tracker.identify("user_123", {
  name: "John Doe",
  email: "john@example.com"
});

🎯 4. Tính năng Widget

• Auto-start: Widget tự động hiển thị khi data-enable-widget="true"
• Flow tracking: Theo dõi user journey qua các flows
• Session management: Quản lý session tự động
• Real-time events: Track events real-time

🌍 5. Môi trường triển khai

💡 6. Best Practices

• Performance: Load script async để không block page load
• Error handling: Wrap tracking calls trong try-catch
• Privacy: Chỉ track data cần thiết, tuân thủ GDPR
• Testing: Sử dụng debug mode trong development
• Monitoring: Monitor tracking errors trong production

🔧 7. Troubleshooting

📞 8. Hỗ trợ

Nếu cần hỗ trợ, vui lòng liên hệ team development với thông tin:

• Browser version và user agent
• Console errors (nếu có)
• Steps to reproduce issue
• Expected vs actual behavior