Witam ludzi. W tym artykule dowiemy się jak wdrożyć Google Analytics w React JS.
W każdym dużym projekcie potrzebujemy różnych analiz i zadań monitorujących, takich jak analiza ruchu w witrynie, analiza odbiorców, śledzenie konwersji, analiza wydajności treści, analiza źródeł poleceń, śledzenie kampanii reklamowych, monitorowanie w czasie rzeczywistym i raportowanie niestandardowe. Ogólnie rzecz biorąc, Google Analytics zapewnia przydatne informacje na temat wydajności Twojej witryny i zachowań użytkowników, pomagając Ci podejmować świadome decyzje mające na celu poprawę Twojej obecności w Internecie, poprawę komfortu użytkowania i osiągnięcie celów biznesowych.
Załóż konto Google Analytics
Krok 1: Zaloguj się do Google Analytics.
Krok 2: Przejdź do przycisku Administracja.
Krok 3: Przejdź do Utwórz konto.
Krok 4: Podaj nazwę swojego konta w szczegółach konta.
Krok 5: W ustawieniach właściwości wprowadź nazwę właściwości, a następnie kliknij „Pokaż opcje zaawansowane”.
Krok 6: Następnie aktywuj przycisk przełączania.
Krok 7: Wpisz domenę internetową (np. xyz.com) i wybierz opcję „Utwórz tylko usługę Universal Analytics”. Następnie kliknij „Dalej”.
Krok 8: Wypełnij informacje o firmie i kliknij „Utwórz”, aby kontynuować.
Krok 9: Po wylądowaniu na tej stronie potrzebujesz identyfikatora śledzenia, aby wdrożyć Google Analytics w React-js.
Implementacja Google Analytics w React JS
Krok 1: Zainstaluj pakiet react-ga npm.
npm install react-ga --save
Krok 2: Aby zainicjować Google Analytics w swoim projekcie, dodaj następujący wiersz do pliku App.js lub App.tsx.
Krok 3: Teraz tworzymy komponent wyższego rzędu (HOC), który będzie śledził działania użytkowników na każdej trasie naszej aplikacji internetowej. W komponencie HOC funkcja pageView rejestruje nazwę ścieżki przeglądanej strony i parametry zapytania za każdym razem, gdy użytkownik uzyskuje dostęp do strony internetowej.
Gratulujemy ukończenia wdrożenia! Teraz otwórz panel Google Analytics, aby wyświetlić trasy, do których użytkownicy uzyskują dostęp w naszej aplikacji internetowej oraz regiony, z których uzyskują do niej dostęp.
Gratulacje! Pomyślnie włączyłeś Google Analytics do śledzenia odsłon stron odwiedzanych przez Twoich użytkowników i ważnych wydarzeń w Twojej aplikacji ReactJS.
Mamy nadzieję, że ten artykuł będzie w stanie odpowiedzieć na niektóre Twoje pytania i pomóc we wdrożeniu obsługi Google Analytics w Twojej witrynie. Dziękuję za przeczytanie mojego artykułu!