Pomiar aplikacji jednostronicowych

Ten dokument jest przeznaczony dla programistów, którzy chcą mierzyć wyświetlenia stron w swoich aplikacji na jednej stronie za pomocą Google Analytics.

Aplikacje jednostronicowe (SPA) to witryny, które wczytują dokument HTML raz i pobierają wszelkie dodatkowe za pomocą interfejsów API JavaScript.

Przykład: załóżmy, że masz formularz do pozyskiwania potencjalnych klientów. Formularz zawiera trzy ekrany:

  • Pierwszy ekran z informacjami o kliencie.
  • Drugi ekran, na którym klienci wyrażają zainteresowanie określonymi usługami.
  • Trzecia strona ekranu, na której można zapisać się na webinary związane z zainteresowaniami klienta.

Kluczem do prawidłowego pomiaru wyświetleń aplikacji SPA jest liczenie wyświetleń na każdym ekranie, z którym użytkownik wchodzi w interakcję, i pobiera prawidłowe stronę odsyłającą. Dzięki temu śledzić ścieżkę użytkownika.

Zanim zaczniesz

Na tej stronie zakładamy, że masz już:

Wdrażanie pomiarów dotyczących aplikacji na jednej stronie

Aby wdrożyć dokładny pomiar SPA, użyj jednej z tych metod do wywołania nowego wirtualny widok strony:

  • Zmiany w historii przeglądarki (zalecane): jeśli SPA korzysta z kolumny Historia API, a konkretnie metody pushState() i replaceState() do aktualizowania ekranów, użyj .

  • Zdarzenia niestandardowe: jeśli Twoja witryna używa DocumentFragment aby renderować różne ekrany, użyj tej opcji.

.

Implementacja zmian w historii przeglądarki

Włączanie pomiaru zaawansowanego w GA4

Aby automatycznie mierzyć wyniki (page_views) na podstawie historii przeglądania:

  1. Otwórz Google Analytics.

  2. W sekcji Administracja, w obszarze Zbieranie i modyfikowanie danych, kliknij Strumienie danych > Sieć.

  3. W sekcji Pomiar zaawansowany ustaw przełącznik na Wł., aby włączyć wszystkie opcje.

  4. Kliknij, aby edytować poszczególne opcje. W sekcji Wyświetlenia strony kliknij Pokaż. ustawienia zaawansowane. Pamiętaj, aby włączyć zarówno Wczytanie strony, jak i Strona zmian na podstawie zdarzeń historii przeglądania.

    Ilustracja przedstawiająca ustawienie „Wyświetlenia strony”

  5. Zapisz zmiany.