通过 1*1 像素的空白 gif 进行埋点数据上报
- image 天然支持跨域
- 不会阻塞页面,用户体验好
- 图片类型中,体积最小
- 不会占用 AJAX 的请求限额
demo
const img = new Image();
img.onload = () => {
console.log('success');
};
img.onerror = () => {
console.log('error');
};
img.src = 'http://www.baidu.com?a=1&b=2';
// 封装
const track = ({ success = () => {}, error = () => {}, url }) => {
const img = new Image();
img.onload = () => success();
img.onerror = () => error();
img.src = url;
};