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

cmy 611690c689 fix:更新命名 3 weken geleden
react-test 918dd30a43 feate:测试数据采集NPM包相关 1 maand geleden
vue-test 611690c689 fix:更新命名 3 weken geleden
README.md 86c47f657d fix:更新命名 3 weken geleden
buriedPoint.js 86c47f657d fix:更新命名 3 weken geleden
main.html 86c47f657d fix:更新命名 3 weken geleden

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】