Single-Page-Anwendungen messen

Dieses Dokument richtet sich an Entwickler, die Seitenaufrufe auf ihren Single-Page-Anwendung mit Google Analytics.

Einseitige Anwendungen (SPA) sind Websites, die ein HTML-Dokument einmal laden und zusätzliche mithilfe von JavaScript-APIs.

Beispiel: Angenommen, Sie haben ein Formular, um Leads zu gewinnen. Das Formular enthält drei Bildschirme:

  • Erster Bildschirm zum Erfassen der Kundendaten.
  • Zweiter Bildschirm, auf dem Kunden Interesse an bestimmten Dienstleistungen bekunden.
  • Seite mit drittem Bildschirm zur Anmeldung für Webinare mit Bezug zu den Interessen des Kunden.

Für die korrekte Messung der Seitenaufrufe von SPAs ist es wichtig, jeden Bildschirm, mit dem ein Nutzer interagiert, und die Referrer-URL der Seite richtig zu ermitteln, damit Sie die die User Journey zu verfolgen.

Folgende Voraussetzungen sollten erfüllt sein:

  • Ein Google Analytics 4-Konto und eine Property für Ihre Website. Hier erfahren Sie, wie Sie Google Analytics:

  • Ein auf Ihrer Website implementiertes Google-Tag, das ausgelöst wird, wenn die Seite anfangs geladen wird. Weitere Informationen zum Einrichten des Google -Tag.

Analyse von Single-Page-Anwendungen implementieren

Um eine genaue Messung der SPA zu implementieren, können Sie mit einer dieser Methoden eine neue virtueller Seitenaufruf:

  • Änderungen am Browserverlauf (empfohlen): Wenn Ihre SPA die Option Verlauf API, insbesondere pushState() und replaceState() verwenden, um Bildschirme zu aktualisieren, Option.

  • Benutzerdefinierte Ereignisse: Wenn auf Ihrer Website die DocumentFragment verwendet wird zum Rendern verschiedener Bildschirme verwendet werden, verwenden Sie diese Option.

<ph type="x-smartling-placeholder"></ph>

Implementierung einer Änderung des Browserverlaufs

Optimierte Analysen in GA4 aktivieren

So messen Sie page_views automatisch anhand des Browserverlaufs:

  1. Öffnen Sie Google Analytics.

  2. Gehen Sie auf der Seite Verwaltung unter Datenerhebung und -änderung, klicken Sie auf „Datenstreams“ > Web

  3. Stellen Sie den Schieberegler unter Optimierte Analysen auf Ein, um alle Optionen zu aktivieren.

  4. Klicken Sie hier, um einzelne Optionen zu bearbeiten. Klicken Sie unter Seitenaufrufe auf Anzeigen: erweiterten Einstellungen. Aktivieren Sie sowohl Seitenladevorgänge als auch Seitenladevorgänge. Änderungen basierend auf Ereignissen im Browserverlauf.

    Ein Bild, auf dem die Einstellung „Seitenaufrufe“ zu sehen ist

  5. Speichern Sie die Änderungen.

Einrichtung der Analyse überprüfen

So überprüfen Sie, ob Ihre Single-Page-Anwendung Seitenaufrufe korrekt erfasst:

  1. Aktivieren Sie den Debug-Modus für jedes Tag in der SPA-Messung. Hier erfahren Sie, wie Sie Überwachen Sie Ereignisse in DebugView verwenden.

  2. Klicken Sie sich durch Ihre Single-Page-Anwendung. Wenn Sie auf eine neue virtuelle sollten Sie in DebugView ein neues page_view-Ereignis sehen. Vergleichen Sie die page_view-Ereignisparameter mit dem vorherigen page_view-Ereignis, das geprüft werden soll wenn die Referrer-URL und die Adresse der Seite korrekt aktualisiert wurden.