JavaScript, Browser und Fensterschließen: Verfolgen des Verlassens des Benutzers
Das Verfolgen des Verlassens des Benutzers ist wichtig für die Erfassung von Daten und das Durchführen von Aktionen, bevor ein Benutzer das Unternehmen verlässt eine Seite. Während die Überwachung von Navigationsereignissen relativ einfach ist, stellt das Erkennen von Fensterschließungen oder URL-Änderungen ohne Benutzerinteraktion eine Herausforderung dar.
Fensterschließungsereignisse erfassen
Die Beacon-API, verfügbar in modern Browser, bietet eine Lösung. Beacon-Anfragen sind so konzipiert, dass sie auch dann ausgeführt werden, wenn ein Benutzer eine Seite abrupt verlässt, um sicherzustellen, dass kritische Aktionen weiterhin ausgeführt werden können.
Um die Beacon-API zu nutzen, verwenden Sie das folgende Code-Snippet:
var url = "https://example.com/foo"; var data = "bar"; navigator.sendBeacon(url, data);
Alternativen für ältere Browser
Wenn die Unterstützung älterer Browser erforderlich ist, bietet das VisibilityChange-Ereignis eine zurückgreifen. Der Übergang von „passiv“ zu „versteckt“ bedeutet in diesem Fall den bevorstehenden Abgang des Benutzers. Hier ein Beispiel:
document.addEventListener('visibilitychange', function() {
if (document.visibilityState === "hidden") {
// Perform desired actions (e.g., send beacon request)
}
});Zuverlässigkeit und Adblocker
Sichtbarkeitsänderung ist zu einem zuverlässigen Indikator für den Benutzerausstieg in modernen Browsern geworden. Allerdings können Adblocker Beacon-Anfragen stören, insbesondere wenn sie ursprungsübergreifend sind oder von bekannten Tracking-Domains stammen.
Seitenübergreifende Überlegungen
Beacon-Anfragen sind POST-Anfragen, die respektieren CORS-Einschränkungen. Stellen Sie bei standortübergreifenden Anfragen sicher, dass diese die erforderlichen Anforderungen erfüllen, um eine Blockierung durch den Browser zu vermeiden.
Das obige ist der detaillierte Inhalt vonWie kann ich das Verlassen einer Webseite durch den Benutzer zuverlässig verfolgen, auch wenn der Browser geschlossen ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
