Z tego artykułu dowiesz się, jak za pomocą tagu gtag.js mierzyć interakcje ze stronami w witrynach, które wczytują treść dynamicznie, bez tradycyjnego wczytywania całej strony.
Przegląd
Aplikacja jednostronicowa (SPA) to aplikacja internetowa lub witryna, która przy pierwszym wczytaniu strony wczytuje wszystkie zasoby wymagane do poruszania się po niej. Gdy użytkownik klika linki i wchodzi w interakcję ze stroną, kolejne treści są wczytywane dynamicznie. Aplikacja często aktualizuje adres URL w pasku adresu, aby emulować tradycyjną nawigację, ale nigdy nie jest wysyłane osobne żądanie pełnej strony.
Tag Google dobrze działa w przypadku tradycyjnych witryn, ponieważ fragment kodu jest uruchamiany za każdym razem, gdy użytkownik wczytuje nową stronę. W przypadku aplikacji jednostronicowej, w której witryna dynamicznie wczytuje treść nowej strony, a nie całą stronę, fragment kodu gtag.js uruchamia się tylko raz. Oznacza to, że kolejne (wirtualne) odsłony muszą być mierzone ręcznie po wczytaniu nowych treści.
Pomiar odsłon wirtualnych
Gdy aplikacja dynamicznie wczytuje treści i aktualizuje adres URL w pasku adresu, trzeba też zaktualizować adres URL strony zapisany za pomocą tagu gtag.js. Możesz też mierzyć zmiany adresu w witrynie jako wyświetlenia strony.
Aby ustawić raporty ścieżki gtag.js, użyj polecenia set do określenia wartości parametru page_path:
gtag('set', 'page_path', page_path);
gtag('event', 'page_view');
Na przykład:
gtag('set', 'page_path', '/new-page.html');
gtag('event', 'page_view');
Gdy dodasz nową wartość dla zdarzenia page_path, będą z niej korzystać wszystkie kolejne zdarzenia wysyłane do tej usługi.
Obsługa wielu adresów URL tego samego zasobu
Niektóre aplikacje jednorazowe aktualizują tylko fragment adresu URL zawierający skrót podczas dynamicznego wczytywania treści. Może to prowadzić do sytuacji, w których wiele różnych ścieżek do stron wskazuje ten sam zasób. W takich przypadkach najlepiej jest wybrać kanoniczny URL i wysłać do Google Analytics tylko tę wartość page_path.
Weźmy za przykład witrynę, której stronę „O nas” można otworzyć pod dowolnym z tych adresów URL:
/about/#/about/home/#/about
Aby uniknąć duplikowania raportów, najlepiej rejestrować wszystkie te strony za pomocą parametru /about dla parametru page_path.