演示商城 · 第三方H5示例

测试步骤：1) 打开 /admin.html 保持后台在线；2) 在本页滚动、点击商品、发客服消息；3) 回到后台，对该访客点「一键会话」或直接发消息，观察本页右下角挂件自动弹出与消息实时互通。用不同浏览器/无痕窗口可模拟多个访客、多个站点（改下方接入代码的 data-site）。

🔥 今日爆款

点击下方按钮会产生一条 click 行为并上报到后台；滚动页面会实时更新「划屏比」与 25/50/75/90% 打点。

¥199

滑动查看更多内容以触发滚动打点。

¥299

点击会记录行为，SPA 切 hash 也会上报 pageview。

向下滚动，后台「划屏比」会 150ms 节流实时更新；到达 25%、50%、75%、90% 时各产生一条 scroll 行为。

模拟长图文 / 商品详情。Lorem ipsum dolor sit amet, consectetur adipiscing elit. 持续滚动…

占位内容 · 占位内容 · 占位内容

多站点接入说明：同一个监测服务可给 N 个第三方 H5 使用，每个站只需改 data-site。

<script src="http://你的IP:3000/track.js" data-site="商城H5"></script>
<script src="http://你的IP:3000/track.js" data-site="活动页"></script>

页面来源（source）会自动识别：utm_source / channel / referrer 域名 / 直接访问。

滚到这里划屏比应接近 100%。去后台看看该访客的「最高划屏」与行为时间线。