Hvordan installeres Google Analytics til React Native?

Denne artikel er den tredje af en serie, der sigter mod at svare på Hvad er Analytics, hvorfor, hvornår og hvordan man bruger den

I mine tidligere artikler forklarede jeg, hvorfor Analytics er et så godt værktøj til at hjælpe med at drive et produkt, og derefter detaljerede jeg, hvorfor jeg synes, Google Analytics (GA) er den perfekte platform til denne sag.

Lad os nu dykke ned i den tekniske implementering af Google Analytics til React Native.

I bunden af ​​artiklen snakker jeg lidt om sporing med Google Tag Manager, og derefter nævner jeg Firebase, som er et nyt Google-værktøj til at udføre Analytics (og mange flere ting) på mobil.

Pakke eller håndlavet implementering?

håndlavet

Google Analytics i sig selv er ikke særlig kompliceret at implementere. Uden for meget besvær (maks. To mandsdage) kan du selv implementere det grundlæggende native værktøj og tilpasse det til React Native: Google Analytics native på Android - Google Analytics native på iOS.

Pakke

Efter min mening vil en opdateret og populær NPM-pakke dog ofte være en mere bæredygtig løsning end en håndlavet implementering (forudsat at pakken svarer til dine behov).

Indtil videre er den bedste pakke til React Native jeg fandt GoogleAnalyticsBridge, og den fungerer som en charme:

1- Pakkeinstallation: Følg readme i github-arkivet. Du skal ikke møde nogen problemer. Hvis du står over for nogen, så tøv ikke med at spørge forfatteren af ​​pakken, han er meget reaktiv.

2- GA-kontooprettelse: Opret en Google Analytics-konto her.

3- Oprettelse af Analytics-service i React Native: Opret en dedikeret Analytics-service i din kode, og send den GA-kontosporings-ID (ser ud: UA-12345–1), som kan findes i parametrene til den nyoprettede konto :

import {GoogleAnalyticsTracker} fra 'react-native-google-analytics-bridge';

eksport const tracker = ny GoogleAnalyticsTracker ('UA-12345-1');

4- Screenviews tracking: Vi bliver også nødt til at sende de første batch af data til GA, den grundlæggende tracking kaldes Screenviews / Pageviews, i dit navigationssystem kan du udløse:

tracker.trackScreenView (ScreenName);

5- Test: Det er tid til at teste din implementering på dit lokale / iscenesættelsesmiljø og begynde at se nogle hits i realtidskonsollen i Google Analytics.

6- Succes: Tillykke! GA kører nu. Du har allerede adgang til en masse dyrebare oplysninger om dine besøgende, deres vaner og profiler.

Gå videre

Derfra vil du gradvist kunne tilpasse din sporing og rapportering ved:

  • Oprettelse af to forskellige egenskaber (under én konto): en til dine iscenesættelsesmiljøer og en til dine produktionsmiljøer
  • Forebyggelse af, at dit team / virksomheds adfærd på app interfererer med rigtige kundedata ved at forbyde IP'er
  • Afsendelse af tilpassede begivenheder til brugerdefinerede kundehandlinger, f.eks. Et klik på et banner eller en login-handling
  • Opsætning af mål (ved hjælp af dine brugerdefinerede begivenheder) for at få en dyb forståelse af ydeevnen for din app
  • Overførsel af tilpassede dimensioner langs dine hits for at forstærke dine analysedata med din specifikke forretningslogik
  • Sporing af oprindelsen af ​​dine kunders installationer
  • Henter "rå" data direkte i Google Spreadsheet for at oprette dine egne rapporter
  • Hvis du er en e-handel / markedsplads, skal du lære mere at kende takket være Google Analytics E-handel

Google Analytics eller Google Tag Manager (GTM)?

Der er en anden måde at sende data fra din app til GA: ved at implementere GTM-sporingskode og derefter oprette GTM-brugergrænseflade til at overføre data til GA.

GTM er et Tag Management System (TMS), der tillader ikke-tekniske mennesker hurtigt at få et glimt af platfrom-sporing og ændre det efter deres vilje. Det er intet andet end et javascript-vindue, der er injiceret i din platform, forbundet til en grafisk grænseflade, hvorfra du kan indstille din tracking, og derefter sende data til forskellige udbydere / partnere (såsom Google Analytics, Criteo, Facebook osv.). Derfor meget mere sporing af fleksibilitet med en centraliseret og organiseret implementering.

Jeg vil altid anbefale at bruge GTM, værktøjskompleksiteten er intet i sammenligning med den komfort og skalerbarhed, det bringer. Hvad angår React Native, fandt jeg imidlertid ikke en overbevisende løsning i den tidsbegrænsning, jeg havde for GTM, og derfor gik jeg til GA-implementeringen. Du kan installere GA direkte i dag, og når behovet er mere presserende, kan du let overføre din tracking i GTM uden at miste datakonsistensen.

Firebase: det nye Google alt-i-en-mobilværktøj

Google Analytics er muligvis ikke den nyeste / bedste løsning til at udføre Analytics på mobile apps længere siden firebase fra Google. Denne nye løsning er en cloud-tjenesteudbyder og backend som en tjeneste til mobile apps inklusive et Analytics-værktøj.

Hvis du er fascineret, tøv ikke med at tage et kig. Fra i dag havde jeg ikke muligheden for at teste Firebase. GA er stadig stor, ekstremt kraftig og den vigtigste løsning til Analytics på desktop.

I min næste artikel vil jeg give dig nogle råd til at spore data, der kan bruges som anvendelige KPI'er, så du kan drive din virksomhed effektivt!