Hur installerar Google Analytics för React Native?

Den här artikeln är den tredje i en serie som syftar till att svara på Vad är Analytics, varför, när och hur man använder den

I mina tidigare artiklar förklarade jag varför Analytics är ett så bra verktyg för att driva en produkt, och sedan detaljerade jag varför jag tycker att Google Analytics (GA) är den perfekta plattformen för denna fråga.

Låt oss nu gå in på den tekniska implementeringen av Google Analytics för React Native.

Längst ner i artikeln pratar jag lite om spårning med Google Tag Manager och sedan nämner jag Firebase som är ett nytt Google-verktyg för att göra Analytics (och många fler saker) på mobil.

Paket eller handgjord implementering?

handgjort

Google Analytics i sig är inte särskilt komplicerat att implementera. Utan för mycket besvär (högst två mandagar) kan du implementera det grundläggande ursprungliga verktyget själv och anpassa det till React Native: Google Analytics native på Android - Google Analytics native på iOS.

Paket

Enligt min mening är ett aktuellt och populärt NPM-paket ofta en mer hållbar lösning än en handgjord implementering (förutsatt att paketet svarar på dina behov).

Hittills är det bästa paketet för React Native jag hittade GoogleAnalyticsBridge och det fungerar som en charm:

1- Paketinstallation: Följ readme i github-förvaret. Du bör inte möta några problem. Om du står inför något, tveka inte att fråga författaren till paketet, han är väldigt reaktiv.

2- GA-konto skapande: Skapa ett Google Analytics-konto här.

3- Skapande av Analytics-tjänster i React Native: Skapa en dedicerad Analytics-tjänst i din kod och skicka den för spårnings-ID för GA-kontot (ser ut: UA-12345–1), som kan hittas i parametrarna för det nyskapade kontot :

importera {GoogleAnalyticsTracker} från 'react-native-google-analytics-bridge';

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

4- Screenviews-spårning: Vi måste också skicka de första batcharna med data till GA, den grundläggande spårningen kallas Screenviews / Pageviews, i ditt navigationssystem kan du utlösa:

tracker.trackScreenView (screen);

5 - Test: Det är dags att testa din implementering i din lokala / scenmiljö och börja se några träffar i realtidskonsolen i Google Analytics.

6- Framgång: Grattis! GA är igång nu. Du har redan tillgång till mycket värdefull information om din besökares väg, vanor och profiler.

Går längre

Därifrån kan du gradvis anpassa din spårning och rapportering genom:

  • Skapa två olika egenskaper (under ett konto): en för dina iscensättningsmiljöer och en för dina produktionsmiljöer
  • Förhindrar att ditt team / ditt företag beteende på appen stör den verkliga kunddata genom att förbjuda IP-adresser
  • Skicka anpassade händelser för anpassade kundåtgärder som ett klick på ett banner eller en inloggningsåtgärd
  • Ställa in mål (med hjälp av dina anpassade händelser) för att få en djup förståelse för prestandan för din app
  • Att skicka anpassade dimensioner längs dina träffar för att förstärka din analysdata med din specifika affärslogik
  • Spåra ursprunget till dina kunders installationer
  • Hämta "rå" data direkt i Google Spreadsheet för att skapa dina egna rapporter
  • Om du är en e-handel / marknadsföring, lära känna mer tack vare Google Analytics E-handel

Google Analytics eller Google Tag Manager (GTM)?

Det finns ett andra sätt att skicka data från din app till GA: genom att implementera GTM-spårningskod och sedan ställa in GTM-användargränssnitt för att överföra data till GA.

GTM är ett taghanteringssystem (TMS) som gör det möjligt för icke-tekniska personer att snabbt få en glimt av plattfromspårningen och ändra det efter eget behov. Det är inget annat än ett javascript-fönster som injiceras i din plattform, ansluten till ett grafiskt gränssnitt från vilket du kan ställa in din spårning och sedan skicka data till olika leverantörer / partners (som Google Analytics, Criteo, Facebook, etc.). Därför mycket mer spårbarhet med en centraliserad och organiserad implementering.

Jag rekommenderar alltid att använda GTM, verktygets komplexitet är ingenting i jämförelse med den komfort och skalbarhet som det ger. Men när det gäller React Native hittade jag inte en övertygande lösning i den tidsbegränsning som jag hade för GTM, därmed gick jag för GA-implementeringen. Du kan installera GA direkt idag, och när behovet är mer pressande kan du enkelt överföra din spårning i GTM utan att förlora datakonsistensen.

Firebase: det nya Google allt-i-ett mobilverktyget

Google Analytics är kanske inte den senaste / bästa lösningen för att göra Analytics på mobilappar längre sedan eldfasen från Google. Den här nya lösningen är en leverantör av molntjänster och backend som en tjänst för mobilappar inklusive ett Analytics-verktyg.

Om du är fascinerad, tveka inte att ta en titt. Från idag hade jag inte möjlighet att testa Firebase. GA är fortfarande bra, extremt kraftfull och den viktigaste lösningen för Analytics på skrivbordet.

I min nästa artikel kommer jag att ge dig några råd för att spåra data som kan användas som användbara KPI: er för att driva effektivt ditt företag!