Heim > Web-Frontend > js-Tutorial > Wie kann ich das Verlassen einer Webseite durch den Benutzer zuverlässig verfolgen, auch wenn der Browser geschlossen ist?

Wie kann ich das Verlassen einer Webseite durch den Benutzer zuverlässig verfolgen, auch wenn der Browser geschlossen ist?

DDD
Freigeben: 2024-11-24 11:13:11
Original
178 Leute haben es durchsucht

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

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);
Nach dem Login kopieren

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)
  }
});
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage