Jak zainstalować Google Analytics dla React Native?

Ten artykuł jest trzecim z serii, której celem jest udzielenie odpowiedzi na pytanie, czym jest Analytics, dlaczego, kiedy i jak go używać

W poprzednich artykułach wyjaśniłem, dlaczego Analytics jest tak doskonałym narzędziem do prowadzenia produktu, a następnie szczegółowo wyjaśniłem, dlaczego uważam, że Google Analytics (GA) jest idealną platformą do tego celu.

Przejdźmy teraz do technicznej implementacji Google Analytics dla React Native.

W dolnej części artykułu mówię trochę o śledzeniu za pomocą Google Tag Managera, a następnie wspominam Firebase, które jest nowym narzędziem Google do robienia Analytics (i wielu innych rzeczy) na urządzeniach mobilnych.

Pakiet czy wdrożenie ręczne?

Wykonany ręcznie

Google Analytics sam w sobie nie jest zbyt skomplikowany do wdrożenia. Bez większych problemów (maksymalnie dwa dni robocze) możesz samodzielnie wdrożyć podstawowe narzędzie natywne i dostosować je do React Native: natywny Google Analytics na Androida - natywny Google Analytics na iOS.

Pakiet

Moim zdaniem jednak aktualny i popularny pakiet NPM często będzie rozwiązaniem bardziej zrównoważonym niż ręczne wdrożenie (pod warunkiem, że pakiet odpowiada Twoim potrzebom).

Jak dotąd najlepszym pakietem dla React Native, który znalazłem, jest GoogleAnalyticsBridge i działa jak urok:

1- Instalacja pakietu: Postępuj zgodnie z plikiem readme w repozytorium github. Nie powinieneś napotykać żadnych problemów. Jeśli spotkasz się z kimkolwiek, nie wahaj się zapytać autora pakietu, jest bardzo reaktywny.

2- Tworzenie konta GA: Utwórz tutaj konto Google Analytics.

3- Tworzenie usługi Analytics w React Native: utwórz dedykowaną usługę Analytics i przekaż identyfikator śledzenia konta GA (wyglądający jak: UA-12345–1), który można znaleźć w parametrach świeżo utworzonego konta :

zaimportuj {GoogleAnalyticsTracker} z „reaguj-natywny-google-analytics-bridge”;

export const tracker = nowy GoogleAnalyticsTracker („UA-12345-1”);

4- Śledzenie odsłon ekranu: Będziemy musieli również wysłać pierwsze partie danych do GA, podstawowe śledzenie nazywa się odsłonami ekranu / odsłonami, w systemie nawigacyjnym możesz uruchomić:

tracker.trackScreenView (screenName);

5- Test: Nadszedł czas, aby przetestować swoją implementację w środowisku lokalnym / tymczasowym i zacząć widzieć niektóre trafienia w konsoli czasu rzeczywistego Google Analytics.

6- Sukces: Gratulacje! GA działa teraz. Będziesz już mieć dostęp do wielu cennych informacji dotyczących ścieżki, nawyków i profili użytkowników.

Idąc dalej

Następnie możesz stopniowo dostosowywać śledzenie i raportowanie poprzez:

  • Tworzenie dwóch różnych właściwości (w ramach jednego konta): jednej dla środowisk pomostowych i jednej dla środowisk produkcyjnych
  • Zapobieganie zachowaniu Twojego zespołu / firmy w aplikacji w celu zakłócania rzeczywistych danych klientów poprzez blokowanie adresów IP
  • Wysyłanie niestandardowych zdarzeń dla niestandardowych akcji klienta, takich jak kliknięcie banera lub akcja logowania
  • Konfigurowanie celów (za pomocą niestandardowych zdarzeń), aby uzyskać głębokie zrozumienie wydajności aplikacji
  • Przekazywanie niestandardowych wymiarów wzdłuż trafień w celu wzmocnienia danych analitycznych dzięki określonej logice biznesowej
  • Śledzenie pochodzenia instalacji klientów
  • Pobieranie „surowych” danych bezpośrednio w arkuszu kalkulacyjnym Google w celu tworzenia własnych raportów
  • Jeśli prowadzisz działalność e-commerce / marketplace, poznajesz więcej dzięki e-commerce Google Analytics

Google Analytics czy Google Tag Manager (GTM)?

Istnieje drugi sposób przesyłania danych z aplikacji do GA: poprzez wdrożenie kodu śledzenia GTM, a następnie skonfigurowanie interfejsu użytkownika GTM do przesyłania danych do GA.

GTM to system zarządzania tagami (TMS), który pozwala osobom niezwiązanym z technologią szybko zapoznać się ze śledzeniem platformy i zmieniać ją według własnego uznania. To nic innego jak okno javascript wstrzyknięte na twoją platformę, podłączone do interfejsu graficznego, z którego możesz ustawić śledzenie, a następnie wysyłać dane do różnych dostawców / partnerów (takich jak Google Analytics, Criteo, Facebook itp.). Stąd znacznie większa elastyczność śledzenia dzięki scentralizowanemu i zorganizowanemu wdrożeniu.

Zawsze polecałbym korzystanie z GTM, złożoność narzędzia jest niczym w porównaniu z komfortem i skalowalnością, jakie to przynosi. Jednak w przypadku React Native nie znalazłem przekonującego rozwiązania w ograniczeniu czasowym, jakie miałem dla GTM, dlatego zdecydowałem się na wdrożenie GA. Możesz zainstalować GA bezpośrednio już dziś, a gdy potrzeba jest pilniejsza, łatwo przenieś swoje śledzenie w GTM bez utraty spójności danych.

Firebase: nowe narzędzie mobilne Google all-in-one

Google Analytics może już nie być najnowszym / najlepszym rozwiązaniem do przeprowadzania analizy w aplikacjach mobilnych od czasu firebase od Google. To nowe rozwiązanie jest dostawcą usług w chmurze i zapleczem jako usługa dla aplikacji mobilnych, w tym narzędzie Analytics.

Jeśli jesteś zaintrygowany, nie wahaj się rzucić okiem. Na dzień dzisiejszy nie miałem okazji przetestować Firebase. GA jest nadal świetnym, niezwykle wydajnym i głównym rozwiązaniem dla Analytics na komputerze.

W następnym artykule dam ci kilka wskazówek, jak śledzić dane przydatne jako kluczowe wskaźniki wydajności, aby skutecznie prowadzić firmę!