JSでユーザーを追跡する方法

window.addEventListener('unload', 関数(イベント) {
  xhr = new XMLHttpRequest();
  xhr.open('post', '/log', false);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  xhr.send('foo=bar');
});

関数log() {
  xhr = new XMLHttpRequest();
  xhr.open('post', '/log', true);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  xhr.send('foo=bar');
}

window.addEventListener('unload', 関数(イベント) {
  ログ（）;

  // 時間のかかる操作
  (i = 1; i < 10000; i++ とします) {
    (m = 1、m < 10000、m++ とします) { 続行; }
  }
});

// HTML コードは次のとおりです // <a id="target" href="https://baidu.com" rel="external nofollow" rel="external nofollow" rel="external nofollow" >クリック</a>
クリックタイム = 350;
const theLink = document.getElementById('target');

関数log() {
  xhr = new XMLHttpRequest();
  xhr.open('post', '/log', true);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  xhr.send('foo=bar');
}

theLink.addEventListener('click', 関数(イベント) {
  イベントをデフォルトにしない();
  ログ（）;

  setTimeout(関数() {
    window.location.href = theLink.getAttribute('href');
  }, クリック時間);
});

// HTML コードは次のとおりです // <a id="target" href="https://baidu.com" rel="external nofollow" rel="external nofollow" rel="external nofollow" >クリック</a>
const theLink = document.getElementById('target');

theLink.addEventListener('click', 関数(イベント) {
  イベントをデフォルトにしない();
  window.location.href = '/jump?url=' + 
    encodeURIComponent(theLink.getAttribute('href'));
});

window.addEventListener('unload', 関数(イベント) {
  navigator.sendBeacon('/log', 'foo=bar');
});

<a href="https://baidu.com" rel="外部nofollow" rel="外部nofollow" rel="外部nofollow" ping="/log?foo=bar">
  クリック
</a>