Pomiar aplikacji jednostronicowych

Ten dokument jest przeznaczony dla deweloperów, którzy chcą mierzyć liczbę wyświetleń strony w aplikacji jednostronicowej za pomocą Google Analytics.

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

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

• Pierwszy ekran, na którym można wprowadzić informacje o kliencie.
• Drugi ekran, na którym klienci mogą wyrazić zainteresowanie określonymi usługami.
• Trzecia strona, na której można zarejestrować się na webinary związane z zainteresowaniami klienta.

Aby prawidłowo mierzyć wyświetlenia stron w przypadku aplikacji SPA, musisz zliczać wyświetlenia każdej strony, z którą użytkownik wchodzi w interakcję, i prawidłowo określać witrynę odsyłającą, aby móc śledzić ścieżkę użytkownika.

Zanim zaczniesz

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

• konto i usługę w Google Analytics 4 dla Twojej witryny, Dowiedz się, jak skonfigurować Google Analytics.

• Tag Google zaimplementowany w witrynie, który uruchamia się przy pierwszym załadowaniu strony. Dowiedz się, jak skonfigurować tag Google.

Wdrażanie pomiarów w aplikacjach jednostronicowych

Aby wdrożyć dokładne pomiary SPA, użyj jednej z tych metod, aby wywołać nowe wirtualne wyświetlenie strony:

• Zmiany w historii przeglądarki (zalecane): jeśli Twoja aplikacja SPA korzysta z interfejsu History API, a w szczególności z metod pushState() i replaceState() do aktualizowania ekranów, użyj tej opcji.

• Zdarzenia niestandardowe: jeśli Twoja witryna używa obiektu DocumentFragment do renderowania różnych ekranów, użyj tej opcji.

Implementacja historii przeglądarki Implementacja zdarzenia niestandardowego

Implementacja zmiany historii przeglądarki

Włączanie pomiaru zaawansowanego w GA4

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

1. Otwórz Google Analytics.

2. Na stronie Administracja w sekcji 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. Upewnij się, że masz włączone opcje Wczytania strony i Zmiany na stronie na podstawie zdarzeń historii przeglądania.

   

5. Zapisz zmiany.

Weryfikowanie konfiguracji pomiarów

Aby sprawdzić, czy aplikacja jednostronicowa prawidłowo mierzy wyświetlenia strony:

1. Włącz tryb debugowania dla każdego tagu w konfiguracji pomiarów w aplikacji SPA. Dowiedz się, jak monitorować zdarzenia w raporcie DebugView.

2. Klikaj elementy aplikacji jednostronicowej. Gdy klikniesz nowy ekran wirtualny, w raporcie DebugView powinno pojawić się nowe zdarzenie page_view. Porównaj parametry zdarzenia page_view z poprzednim zdarzeniem page_view, aby sprawdzić, czy odsyłająca strona i lokalizacja strony zostały prawidłowo zaktualizowane.