用来实验各种埋点实现方案

cmy 6edde1c57f Merge branch 'feature/cmn-record' into dev-ly hace 3 días
react-test 744958f362 feat:发布到npm仓库 hace 3 días
src 6edde1c57f Merge branch 'feature/cmn-record' into dev-ly hace 3 días
vue-test 744958f362 feat:发布到npm仓库 hace 3 días
.gitignore 744958f362 feat:发布到npm仓库 hace 3 días
.npmignore 744958f362 feat:发布到npm仓库 hace 3 días
README.md 86c47f657d fix:更新命名 hace 3 semanas
main.html 6edde1c57f Merge branch 'feature/cmn-record' into dev-ly hace 3 días
package.json 6edde1c57f Merge branch 'feature/cmn-record' into dev-ly hace 3 días
webpack.config.js 8bd165cdd9 feat:会话录制 hace 3 días

README.md

针对各种埋点方式的一个测试仓库

posthog: https://us.posthog.com/

post-key值根据登录账号获取 phc_5YuF937Fs3N0djI4XFThsGAZfgaciU9pjKw6T3SQjvV post-host为默认发送到官网后台 https://us.posthog.com/

countly: https://support.countly.com/hc/en-us/articles/360037441932-Web-analytics-JavaScript

以上两种方式都需要注册账号获得服务器后台,替换key值后在官网后台查看埋点数据,付费后支持自定义部署

// 使用示例:
// 【2024-06-09】以下为页面集成埋点的示例代码,支持自定义防抖间隔

 import Tracker from './buriedPoint';
 const tracker = new Tracker({
   baseUrl: 'https://your-tracking-api.com', // 埋点上报地址
   debounceTime: 500 // 可选,防抖间隔(毫秒),默认300ms
 });
 tracker.init();

 页面元素示例:
 <button id="btn1" class="my-btn" data-track event-type="button_click">按钮1</button>
 <button id="btn2" class="my-btn" data-track event-type="form_submit">按钮2</button>

// 只要元素有 data-track 和 event-type 属性,点击时会自动触发对应事件类型的防抖上报。
// 系统事件(如心跳、tab切换、页面关闭等)不受防抖影响,立即上报。

// 更多用法详见 Tracker 类注释。
//
// 【2024-06-09】