如何通过JavaScript实现用户行为追踪技巧？

本文共计1202个文字，预计阅读时间需要5分钟。

目录：

1.同步 AJAX

2.异步 AJAX

3.追踪用户点击

4.反弹追踪

5.Beacon API

6.ping

1.同步 AJAX：将收集到的优秀用户数据放在unload事件中，以便于数据返回给服务器。

目录

• 一、同步 AJAX
• 二、异步 AJAX
• 三、追踪用户点击
• 四、反弹追踪
• 五、Beacon API
• 六、ping 属性

一、同步 AJAX

数据发回服务器的常见做法是，将收集好的用户数据，放在unload事件里面，用 AJAX 请求发回服务器。

但是，异步 AJAX 在unload事件里面不一定能成功，因为网页已经处于卸载中，浏览器可能发送，也可能不发送。所以，要改成同步 AJAX 请求。

window.addEventListener('unload', function (event) { let xhr = new XMLHttpRequest(); xhr.open('post', '/log', false); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send('foo=bar'); });

上面代码中，xhr.open()方法的第三个参数是false，表示同步请求。