JavaScript、ブラウザ、ウィンドウの終了: ユーザーの離脱の追跡

ユーザーの離脱の追跡は、ユーザーが離脱する前にデータを取得してアクションを実行するために不可欠です。ページ。ナビゲーション イベントの監視は比較的簡単ですが、ユーザーの操作なしでウィンドウの終了や URL の変更を検出するのは困難です。

ウィンドウ終了イベントのキャプチャ

最新バージョンで利用可能な Beacon APIブラウザで解決策を提供します。ビーコン リクエストは、ユーザーが突然ページから離れた場合でも実行されるように設計されており、重要なアクションは引き続き実行できます。

ビーコン API を利用するには、次のコード スニペットを使用します:

var url = "https://example.com/foo";
var data = "bar";

navigator.sendBeacon(url, data);

古いブラウザの代替

古いブラウザのサポートが必要な場合、visibilitychange イベントはフォールバックを提供します。このイベントにおける「パッシブ」から「非表示」への移行は、ユーザーの差し迫った離脱を意味します。以下に例を示します。

document.addEventListener('visibilitychange', function() {
  if (document.visibilityState === "hidden") {
    // Perform desired actions (e.g., send beacon request)
  }
});

信頼性と広告ブロッカー

Visibilitychange は、最新のブラウザーにおけるユーザー離脱の信頼できる指標になっています。ただし、特にクロスオリジンまたは既知のトラッキング ドメインから発信されている場合、広告ブロッカーがビーコン リクエストを妨げる可能性があります。

クロスサイトに関する考慮事項

ビーコン リクエストは、次の点を考慮した POST リクエストです。 CORS の制限。クロスサイトリクエストを行う場合は、ブラウザによるブロックを避けるために必要な要件を満たしていることを確認してください。