Contentsquare

目標:做一個本機優先的網站行為分析工具,追蹤自有網站的事件、熱圖、漏斗與匿名工作階段錄影。 技術棧建議:TypeScript + React 管理介面,FastAPI 或 Node.js 收集 API,PostgreSQL 存事件與設定,MinIO 存錄影資料,Playwright 產生測試網站。 需求: - 提供可嵌入網站的輕量 JavaScript SDK,支援 pageview、click、submit 與自訂事件 - 每個網站產生獨立 tracking ID,事件包含時間、頁面 URL、元素選擇器、裝置類型與匿名工作階段 ID - 管理介面可建立事件、查看事件數、獨立訪客、工作階段與轉換率 - 支援日期範圍、頁面、裝置、瀏覽器與自訂事件的篩選 - 用 CSS selector 記錄點擊位置,在頁面截圖上繪製點擊熱圖與滾動深度圖 - 提供漏斗建立功能,可設定 2 至 8 個事件步驟並顯示各步驟流失率 - 以 DOM 操作事件產生可回放的匿名工作階段錄影,支援播放、暫停與時間軸跳轉 - 錄影預設遮罩輸入框、文字內容、電子郵件、電話與 data-private 元素 - 支援自訂資料保留天數與刪除單一訪客或工作階段資料 - 儀表板提供 CSV 與 JSON 匯出,另提供原始事件資料匯出 - 管理介面顯示收集端點狀態、資料量與儲存空間使用量 - 提供 cookie 同意模式與停用追蹤選項,不收集完整 IP 位址 明確不做(out of scope):跨網站大型資料倉庫、廣告平台歸因、AI 自動洞察、多人權限、企業 SSO、雲端代管、行動 App 追蹤。 README 要求:說明本機啟動方式、網站埋點安裝、事件格式、錄影隱私遮罩、同意機制、資料庫備份與 CSV/JSON 匯出流程。