Come installare Google Analytics per React Native?

Questo articolo è il terzo di una serie che mira a rispondere a Che cos'è Analytics, perché, quando e come utilizzarlo

Nei miei precedenti articoli, ho spiegato perché Analytics è un ottimo strumento per aiutare a guidare un prodotto, e poi ho spiegato in dettaglio perché penso che Google Analytics (GA) sia la piattaforma perfetta per questo argomento.

Vediamo ora l'implementazione tecnica di Google Analytics per React Native.

In fondo all'articolo parlo un po 'del tracciamento con Google Tag Manager, e poi menziono Firebase che è un nuovo strumento di Google per fare Analytics (e molte altre cose) sui dispositivi mobili.

Pacchetto o implementazione artigianale?

fatto a mano

Google Analytics di per sé non è molto complicato da implementare. Senza troppi problemi (massimo due giorni lavorativi), puoi implementare tu stesso lo strumento nativo di base e adattarlo a React Native: nativo di Google Analytics su Android - nativo di Google Analytics su iOS.

Pacchetto

A mio avviso, tuttavia, un pacchetto NPM aggiornato e popolare sarà spesso una soluzione più sostenibile di un'implementazione artigianale (a condizione che il pacchetto risponda alle tue esigenze).

Finora il miglior pacchetto per React Native che ho trovato è GoogleAnalyticsBridge e funziona come un fascino:

1- Installazione pacchetto: seguire il file Leggimi nel repository github. Non dovresti affrontare alcun problema. Se ne incontri qualcuno, non esitare a chiedere all'autore del pacchetto, è molto reattivo.

2- Creazione dell'account GA: crea un account Google Analytics qui.

3- Creazione del servizio Analytics in React Native: nel tuo codice, crea un servizio Analytics dedicato e passa l'ID di tracciamento dell'account GA (simile a: UA-12345–1), che puoi trovare nei parametri dell'account appena creato :

importare {GoogleAnalyticsTracker} da "reply-native-google-analytics-bridge";

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

4- Tracking delle visualizzazioni delle schermate: dovremo anche inviare i primi lotti di dati a GA, il monitoraggio di base si chiama Screenview / Pageview, nel tuo sistema di navigazione puoi attivare:

tracker.trackScreenView (screenname);

5- Test: è il momento di testare l'implementazione nel tuo ambiente locale / di gestione temporanea e iniziare a vedere alcuni hit nella console in tempo reale di Google Analytics.

6- Successo: complimenti! GA è attivo e funzionante ora. Avrai già accesso a molte informazioni preziose relative al percorso, alle abitudini e ai profili dei tuoi visitatori.

Andare avanti

Da lì sarai in grado di personalizzare progressivamente il monitoraggio e i rapporti mediante:

  • Creazione di due proprietà diverse (sotto un unico account): una per gli ambienti di gestione temporanea e una per gli ambienti di produzione
  • Impedire al comportamento della tua squadra / azienda sull'app di interferire con i dati dei clienti reali vietando gli IP
  • Invio di eventi personalizzati per azioni personalizzate dei clienti come un clic su un banner o un'azione di accesso
  • Impostazione degli obiettivi (utilizzando gli eventi personalizzati) per comprendere a fondo le prestazioni della tua app
  • Passare dimensioni personalizzate lungo i risultati per rafforzare i dati di analisi con la logica aziendale specifica
  • Tracciamento dell'origine delle installazioni dei tuoi clienti
  • Recupero di dati "grezzi" direttamente nel foglio di calcolo di Google per creare i tuoi rapporti
  • Se sei un'azienda di e-commerce / marketplace, scopri di più grazie all'e-commerce di Google Analytics

Google Analytics o Google Tag Manager (GTM)?

Esiste un secondo modo per inviare dati dalla tua app a GA: implementando il codice di monitoraggio GTM e quindi configurando l'interfaccia utente GTM per trasferire i dati a GA.

GTM è un sistema di gestione dei tag (TMS) che consente alle persone non tecnologiche di avere una rapida occhiata al tracciamento platfrom e modificarlo a loro piacimento. Non è altro che una finestra javascript iniettata nella tua piattaforma, collegata a un'interfaccia grafica da cui è possibile impostare il monitoraggio e quindi inviare i dati a diversi provider / partner (come Google Analytics, Criteo, Facebook, ecc.). Da qui molta più flessibilità di tracciamento con un'implementazione centralizzata e organizzata.

Consiglierei sempre di utilizzare GTM, la complessità dell'utensile non è nulla in confronto al comfort e alla scalabilità che offre. Tuttavia per quanto riguarda React Native non ho trovato una soluzione convincente nel vincolo di tempo che avevo per GTM, quindi ho optato per l'implementazione di GA. Puoi installare GA direttamente oggi e, quando l'esigenza è più pressante, trasferisci facilmente il tuo tracciamento in GTM senza perdere la coerenza dei dati.

Firebase: il nuovo strumento mobile all-in-one di Google

Google Analytics potrebbe non essere più la soluzione migliore / più recente per eseguire analisi sulle app mobili dopo la base di Google. Questa nuova soluzione è un fornitore di servizi cloud e back-end come servizio per app mobili, incluso uno strumento di analisi.

Se sei incuriosito, non esitare a dare un'occhiata. Ad oggi, non ho avuto l'opportunità di testare Firebase. GA è ancora eccezionale, estremamente potente e la soluzione principale per Analytics su desktop.

Nel mio prossimo articolo, ti darò alcuni consigli per tenere traccia dei dati utilizzabili come KPI utilizzabili per guidare in modo efficiente il tuo business!