Einseitige Anwendungsmessung mit gtag.js

Auf dieser Seite wird beschrieben, wie Sie mit gtag.js Interaktionen mit Seiten auf Websites messen, auf denen Inhalte dynamisch ohne herkömmliches Laden ganzer Seiten geladen werden.

Überblick

Eine Anwendung mit einer Seite (Single-Page Application, SPA) ist eine Webanwendung oder Website, die beim ersten Seitenaufbau alle Ressourcen lädt, die für die Navigation auf einer Website erforderlich sind. Wenn der Nutzer auf Links klickt und mit der Seite interagiert, werden nachfolgende Inhalte dynamisch geladen. Die Anwendung aktualisiert häufig die URL in der Adressleiste, um die traditionelle Seitennavigation zu emulieren. Es wird jedoch nie eine separate vollständige Seitenanfrage gesendet.

Das Google-Tag ist für herkömmliche Websites geeignet, da der Snippet-Code jedes Mal ausgeführt wird, wenn Nutzer eine neue Seite laden. Bei einer Anwendung mit nur einer Seite, bei der neue Seiteninhalte dynamisch und nicht vollständig geladen werden, wird der gtag.js-Snippet-Code nur einmal ausgeführt. Das bedeutet, dass nachfolgende (virtuelle) Seitenaufrufe manuell gemessen werden müssen, wenn neue Inhalte geladen werden.

Virtuelle Seitenaufrufe messen

Wenn Ihre App Inhalte dynamisch lädt und die URL in der Adressleiste aktualisiert, sollte auch die mit gtag.js gespeicherte Seiten-URL aktualisiert werden. Außerdem können Sie die Adressänderungen auf Ihrer Website als Seitenaufrufe erfassen.

Wenn Sie den Pfad für gtag.js-Berichte festlegen möchten, verwenden Sie den Befehl set, um einen Wert für den Parameter page_path anzugeben:

gtag('set', 'page_path', page_path);
gtag('event', 'page_view');

Beispiel:

gtag('set', 'page_path', '/new-page.html');
gtag('event', 'page_view');

Nachdem Sie den neuen Wert für page_path hinzugefügt haben, wird dieser neue Wert für alle nachfolgenden Ereignisse verwendet, die an dieses Attribut gesendet werden.

Mehrere URLs für dieselbe Ressource verarbeiten

Einige SPAs aktualisieren nur den Hash-Teil der URL, wenn Inhalte dynamisch geladen werden. Dies kann zu Situationen führen, in denen viele verschiedene Seitenpfade auf dieselbe Ressource verweisen. In solchen Fällen ist es in der Regel am besten, eine kanonische URL auszuwählen und nur diesen page_path-Wert an Google Analytics zu senden.

Nehmen wir zum Beispiel eine Website, deren „Über uns“-Seite über jede der folgenden URLs aufgerufen werden kann:

  • /about
  • /#/about
  • /home/#/about

Um Duplikate in Ihren Berichten zu vermeiden, sollten Sie alle diese Seiten mit /about für page_path aufzeichnen.