Come configurare l'analisi su React Native per iOS

Question

Quindi ho un progetto React Native completato per iOS ma voglio inserire analisi in esso. Ho provato il pacchetto react-native-google-analytics, ma i problemi impediscono il corretto funzionamento. Inoltre, il pacchetto react-native-cordova-plugin funziona solo su Android, quindi per ora la possibilità di collegare un plug-in Cordova per l'analisi è fuori questione. Inoltre, non ho esperienza Swift/obiettivo C, quindi sarei completamente perso pluggin in GA in quel modo. Qualcuno ha qualche suggerimento su come collegare Google Analytics (o qualsiasi altra analisi) per React Native per iOS? In tal caso, fornire alcune istruzioni dettagliate su come farlo. Io, e sono sicuro, molti altri lo apprezzeranno :)

Answer 1

Sono l'autore di react-native-google-analytics - il problema con esso è stato con la mancanza di supporto di React Native per i dati GIF in Risposte XHR su iOS 7. Sto ancora cercando di capire se il problema riscontrato dalla gente è ancora limitato a iOS 7. Il bug è stato segnalato come risolto dal team RN per iOS> 7, tuttavia se non è così allora ci deve essere una regressione. Il monitoraggio per il problema React Native è qui: https://github.com/facebook/react-native/issues/1780

Se hai altre domande riguardanti il ​​modulo in particolare, non esitare a chiedere su GitHub!

Answer 2

Quindi questo può essere utile per le persone, ma ho trovato Segment - https://segment.com/ - molto più facile da configurare. Il segmento è integrato con Google Analytics e tutti gli altri pacchetti di analisi, quindi è più semplice una volta stabilita la connessione. Ho dovuto seguire alcuni tutorial sulla creazione di un bridge nativo usando la tecnica RCT_EXPORT_MODULE, ma una volta stabilita una connessione al client, sono stato in grado di collegare praticamente il codice di avviamento Segment. Ho collegato chiamate di eventi specifici a diverse azioni sul lato client tramite NativeModules.AnalyticsHelper.openApp(clientId), NativeModules.AnalyticsHelper.shareContent(clientId), ecc. Penso che questo sia un buon metodo da seguire.

Ho anche creato un gist per mostrare come configurare Segment Analytics per React nativo.

Answer 3

Ho appena istituito MixPanel con questo pacchetto: https://github.com/davodesign84/react-native-mixpanel

E poi ho qualcosa di simile nel mio file main.js che contiene tutti i miei vista componenti:

componentWillMount: function() { 
    this.loadData(this.setDataState); 
    // not sure if this is the best way to do it, but whatever 
    Mixpanel.identify(DeviceInfo.getUniqueID()); 
    Mixpanel.set("$name", DeviceInfo.getDeviceName()); 
    Mixpanel.track("App Loaded"); 
} 

E poi nel mio view.js che rende un componente con i dati, ho qualcosa di simile:

componentWillMount: function() { 
    Mixpanel.trackWithProperties("Definition Viewed",{word:this.state.word}); 

} 

E poi ho anche chiamare MixPanel quando un uso rs aggiunge/cancella i dati.

Dopo tutto questo, ho appena notato che il tessuto fa analisi così io probabilmente migrare a che perché io uso per gestire i beta tester e la sua impressionante quindi sarà bello avere tutto in 1 posto

Answer 4

I sono l'autore di un pacchetto di Google Analytics per React Native: https://github.com/idehub/react-native-google-analytics-bridge

Poiché è un semplice bridge nativo per le librerie ufficiali di Google Analytics, non dovrebbe fornire alcun problema relativo alla piattaforma. Inoltre, gestirà automaticamente molti metadati, come l'UUID del dispositivo, il modello del dispositivo, le dimensioni del viewport, la versione del sistema operativo ecc.

A causa di che l'ultima parte, le chiamate possono essere piuttosto semplice, come il monitoraggio di un nuova visualizzazione a schermo:

import { GoogleAnalyticsTracker } from 'react-native-google-analytics-bridge'; 
let tracker = new GoogleAnalyticsTracker('UA-12345-1'); 
tracker.trackScreenView('Home') 

o di un evento:

tracker.trackEvent('testcategory', 'testaction');