<!-- 第 1 步：引入 SDK -->
<script src="https://cdn.yourdomain.com/sdk/tracker.js"></script>

<!-- 第 2 步：初始化 -->
<script>
  WebStats.init({
    appId: 'my-site',                                  // 给你的站点起个名字
    endpoint: 'https://api.yourdomain.com/collect'     // 后端上报地址
  });
</script>

<!-- 第 3 步：给关心的按钮加埋点（可选） -->
<button data-track data-track-name="加入购物车" data-track-goods="机械键盘">加入购物车</button>

// main.js —— 在路由初始化之前加载 SDK
WebStats.init({
  appId: 'vue-app',
  endpoint: 'https://api.example.com/collect'
});

createApp(App).use(router).mount('#app');

// 组件内埋点
const addToCart = (product) => {
  WebStats.track('add_to_cart', { goods: product.name, price: product.price });
};

// index.js
WebStats.init({
  appId: 'react-app',
  endpoint: 'https://api.example.com/collect'
});

createRoot(document.getElementById('root')).render(<BrowserRouter><App /></BrowserRouter>);

// 组件内埋点
function ProductCard(props) {
  const handleAddCart = () => {
    WebStats.track('add_to_cart', { goods: props.product.name, price: props.product.price });
  };
  return <button onClick={handleAddCart}>加入购物车</button>;
}

// Node.js / Express 最小实现：收数据 + 入库即可
app.use(express.json({ limit: '1mb' }));

app.post('/collect', (req, res) => {
  const eventBody = req.body;
  const appId = eventBody.appId;
  const events = eventBody.events;
  if (!Array.isArray(events)) return res.status(400).json({ error: 'events must be array' });

  events.forEach(e => {
    db.query(
      'INSERT INTO events (eid, app_id, type, name, props, uid, sid, ts) VALUES ($1,$2,$3,$4,$5,$6,$7,$8)',
      [e.eid, appId, e.type, e.name, JSON.stringify(e.props), e.uid, e.sid, new Date(e.ts)]
    );
  });

  // 返回 2xx 即视为上报成功，非 2xx SDK 会自动重试
  res.json({ ok: true, received: events.length });
});