ホームページ >ウェブフロントエンド >jsチュートリアル >ブラウザを閉じた場合でも、Web ページからのユーザーの離脱を確実に追跡するにはどうすればよいですか?

ブラウザを閉じた場合でも、Web ページからのユーザーの離脱を確実に追跡するにはどうすればよいですか?

DDD
DDDオリジナル
2024-11-24 11:13:11180ブラウズ

How Can I Reliably Track User Departure from a Web Page, Even with Browser Closure?

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 の制限。クロスサイトリクエストを行う場合は、ブラウザによるブロックを避けるために必要な要件を満たしていることを確認してください。

以上がブラウザを閉じた場合でも、Web ページからのユーザーの離脱を確実に追跡するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。