Πώς να εγκαταστήσετε το Google Analytics για το React Native;

Αυτό το άρθρο είναι το τρίτο μιας σειράς που στοχεύει να απαντήσει στο Τι είναι το Analytics, Γιατί, Πότε και πώς να το χρησιμοποιήσετε

Στα προηγούμενα άρθρα μου, εξήγησα γιατί το Analytics είναι ένα τέλειο εργαλείο για την προώθηση ενός προϊόντος και στη συνέχεια αναλύσαμε γιατί νομίζω ότι το Google Analytics (GA) είναι η τέλεια πλατφόρμα για αυτό το θέμα.

Ας δούμε τώρα την τεχνική εφαρμογή του Google Analytics για το Reactive Native.

Στο κάτω μέρος του άρθρου μιλάω λίγο για την παρακολούθηση με το Διαχειριστή ετικετών Google και στη συνέχεια αναφέρω το Firebase, το οποίο είναι ένα νέο εργαλείο Google για την πραγματοποίηση του Analytics (και πολλά άλλα πράγματα) στο κινητό.

Συσκευασία ή χειροποίητη εφαρμογή;

Χειροποίητο

Το Google Analytics από μόνο του δεν είναι πολύ περίπλοκο στην εφαρμογή του. Χωρίς μεγάλη δυσκολία (μέγιστη διάρκεια δύο ανθρωποημερών), μπορείτε να εφαρμόσετε μόνοι σας το βασικό εγγενές εργαλείο και να το προσαρμόσετε στο React Native: Το Google Analytics είναι εγγενές στο Android - Το Google Analytics είναι εγγενές στο iOS.

Πακέτο

Ωστόσο, κατά τη γνώμη μου, ένα ενημερωμένο και δημοφιλές πακέτο NPM θα είναι συχνά πιο βιώσιμη λύση από μια χειροποίητη υλοποίηση (υπό την προϋπόθεση ότι το πακέτο απαντά στις ανάγκες σας).

Μέχρι στιγμής το καλύτερο πακέτο για το React Native που βρήκα είναι το GoogleAnalyticsBridge και λειτουργεί σαν γοητεία:

1- Εγκατάσταση πακέτου: Ακολουθήστε το readme στο github repository. Δεν πρέπει να αντιμετωπίζετε προβλήματα. Αν αντιμετωπίσετε οποιαδήποτε, μην διστάσετε να ρωτήσετε τον συντάκτη της συσκευασίας, είναι πολύ αντιδραστική.

Δημιουργία λογαριασμού GA: Δημιουργήστε εδώ έναν λογαριασμό Google Analytics.

3 - Δημιουργία υπηρεσίας Analytics στο React Native: Στον κώδικα σας, δημιουργήστε μια αποκλειστική υπηρεσία Analytics και μεταβιβάστε το αναγνωριστικό παρακολούθησης λογαριασμού GA (που μοιάζει με: UA-12345-1), που μπορείτε να βρείτε στις παραμέτρους του πρόσφατα δημιουργημένου λογαριασμού :

εισαγωγή {GoogleAnalyticsTracker} από το "αντιδραστικό-native-google-analytics-bridge".

export const tracker = νέο GoogleAnalyticsTracker ('UA-12345-1');

Παρακολούθηση οθόνης οθόνης: Θα πρέπει επίσης να στείλουμε τις πρώτες παρτίδες δεδομένων στο GA, η βασική παρακολούθηση ονομάζεται προβολές οθόνης / προβολές σελίδας, στο σύστημα πλοήγησής σας μπορείτε να ενεργοποιήσετε:

tracker.trackScreenView (screenName);

5- Δοκιμή: Έχει έρθει η ώρα να δοκιμάσετε την εφαρμογή σας στο τοπικό σας περιβάλλον / στάση και να αρχίσετε να βλέπετε κάποιες επισκέψεις στην κονσόλα πραγματικού χρόνου του Google Analytics.

6- Επιτυχία: Συγχαρητήρια! Το GA είναι έτοιμο τώρα. Θα έχετε ήδη πρόσβαση σε πολλές πολύτιμες πληροφορίες σχετικά με την πορεία των επισκεπτών, τις συνήθειες και τα προφίλ σας.

Συνεχίζοντας

Από εκεί θα είστε σε θέση να προσαρμόσετε προοδευτικά την παρακολούθηση και την αναφορά σας από:

  • Δημιουργία δύο διαφορετικών ιδιοτήτων (κάτω από έναν λογαριασμό): ένα για τα περιβάλλοντα στάσης και ένα για τα περιβάλλοντα παραγωγής σας
  • Αποτρέψτε τη συμπεριφορά της ομάδας σας / της εταιρείας στην εφαρμογή να παρεμβαίνει στα δεδομένα των πραγματικών πελατών, απαγορεύοντας τα IP
  • Αποστολή προσαρμοσμένων συμβάντων για προσαρμοσμένες ενέργειες πελατών, όπως ένα κλικ σε ένα banner ή μια ενέργεια σύνδεσης
  • Ορίστε στόχους (χρησιμοποιώντας τα προσαρμοσμένα συμβάντα σας) για να κατανοήσετε πλήρως την απόδοση της εφαρμογής σας
  • Μεταβιβάζοντας προσαρμοσμένες ιδιότητες κατά τις επισκέψεις σας για να ενισχύσετε τα δεδομένα των αναλυτικών στοιχείων με τη συγκεκριμένη επιχειρησιακή λογική σας
  • Παρακολούθηση της προέλευσης των εγκαταστάσεων των πελατών σας
  • Ανακτήστε τα "ακατέργαστα" δεδομένα απευθείας στο υπολογιστικό φύλλο Google για να δημιουργήσετε τις δικές σας αναφορές
  • Εάν είστε επιχείρηση ηλεκτρονικού εμπορίου / αγοράς, γνωρίστε περισσότερα χάρη στο ηλεκτρονικό εμπόριο του Google Analytics

Google Analytics ή Διαχειριστής ετικετών Google (GTM);

Υπάρχει ένας δεύτερος τρόπος για να στείλετε δεδομένα από την εφαρμογή σας στο GA: εφαρμόζοντας τον κώδικα παρακολούθησης GTM και, στη συνέχεια, ρυθμίζοντας τη διεπαφή χρήστη του GTM για να μεταφέρετε δεδομένα στο GA.

Το GTM είναι ένα Σύστημα Διαχείρισης Ετικετών (Tag Management System - TMS) που επιτρέπει στους μη τεχνολογικούς ανθρώπους να πάρουν γρήγορα μια γεύση από την πλατφόρμα παρακολούθησης και να την αλλάξουν με τη θέλησή τους. Δεν είναι παρά ένα παράθυρο javascript που εισάγεται στην πλατφόρμα σας, συνδέεται με γραφικό περιβάλλον από το οποίο μπορείτε να ορίσετε την παρακολούθηση και στη συνέχεια να αποστέλλετε δεδομένα σε διαφορετικούς παρόχους / συνεργάτες (όπως το Google Analytics, το Criteo, το Facebook κ.λπ.). Ως εκ τούτου, πολύ μεγαλύτερη ευελιξία παρακολούθησης με μια κεντρική και οργανωμένη εφαρμογή.

Θα ήθελα πάντα να συστήσω τη χρήση του GTM, η πολυπλοκότητα του εργαλείου δεν είναι τίποτα σε σύγκριση με την άνεση και την επεκτασιμότητα που φέρνει. Ωστόσο, όσον αφορά το React Native, δεν βρήκα μια πειστική λύση στο χρονικό περιορισμό που είχα για το GTM, επομένως πήγα για την εφαρμογή του GA. Μπορείτε να εγκαταστήσετε το GA απευθείας σήμερα και όταν η ανάγκη πιέζεται περισσότερο, μεταφέρετε εύκολα την παρακολούθησή σας στο GTM χωρίς να χάσετε τη συνοχή των δεδομένων.

Firebase: το νέο εργαλείο Google all-in-one για κινητά

Το Google Analytics μπορεί να μην είναι η πιο πρόσφατη / βέλτιστη λύση για να κάνει το Analytics σε εφαρμογές για κινητά πια από την Firebase από την Google. Αυτή η νέα λύση είναι ένας παροχέας υπηρεσιών cloud και ένα backend ως υπηρεσία για εφαρμογές για κινητά, συμπεριλαμβανομένου ενός εργαλείου Analytics.

Εάν σας ενδιαφέρει, μη διστάσετε να ρίξετε μια ματιά. Από σήμερα δεν είχα την ευκαιρία να δοκιμάσω τη Firebase. Το GA είναι ακόμα μεγάλο, εξαιρετικά ισχυρό και η κύρια λύση για το Analytics στο desktop.

Στο επόμενο άρθρο, θα σας δώσω κάποιες συμβουλές για τον εντοπισμό των δεδομένων που μπορούν να χρησιμοποιηθούν ως KPIs για την αποτελεσματική λειτουργία της επιχείρησής σας!