Wie installiere ich Google Analytics für React Native?

Dieser Artikel ist der dritte Teil einer Reihe, die sich mit den Themen Was ist Analytik, Warum, Wann und Wie beschäftigt

In meinen vorherigen Artikeln habe ich erklärt, warum Analytics ein so hervorragendes Tool ist, um ein Produkt voranzutreiben. Anschließend habe ich erläutert, warum Google Analytics (GA) meiner Meinung nach die perfekte Plattform für diese Angelegenheit ist.

Kommen wir nun zur technischen Implementierung von Google Analytics für React Native.

Am Ende des Artikels spreche ich ein wenig über das Tracking mit Google Tag Manager und erwähne dann Firebase, ein neues Google-Tool für Analytics (und vieles mehr) auf Mobilgeräten.

Paket oder handgemachte Implementierung?

Handgemacht

Google Analytics an sich ist nicht sehr kompliziert zu implementieren. Ohne großen Aufwand (maximal zwei Manntage) können Sie das grundlegende native Tool selbst implementieren und an React Native anpassen: Google Analytics native unter Android - Google Analytics native unter iOS.

Paket

Meiner Meinung nach ist ein aktuelles und beliebtes NPM-Paket jedoch häufig eine nachhaltigere Lösung als eine handgefertigte Implementierung (vorausgesetzt, das Paket entspricht Ihren Anforderungen).

Bisher ist das beste Paket für React Native, das ich gefunden habe, GoogleAnalyticsBridge, und es funktioniert wie ein Zauber:

1- Paketinstallation: Befolgen Sie die Readme-Datei im Github-Repository. Sie sollten keine Probleme haben. Wenn Sie auf etwas stoßen, zögern Sie nicht, den Autor des Pakets zu fragen, er ist sehr reaktiv.

2- GA-Kontoerstellung: Erstellen Sie hier ein Google Analytics-Konto.

3- Analytics-Service-Erstellung in React Native: Erstellen Sie in Ihrem Code einen dedizierten Analytics-Service und übergeben Sie ihm die GA-Konto-Tracking-ID (wie folgt: UA-12345–1), die in den Parametern des neu erstellten Kontos zu finden ist :

{GoogleAnalyticsTracker} aus 'React-Native-Google-Analytics-Bridge' importieren;

Export const tracker = neuer GoogleAnalyticsTracker ('UA-12345-1');

4- Screenviews-Tracking: Wir müssen auch die ersten Datenstapel an GA senden. Das grundlegende Tracking heißt Screenviews / Pageviews. In Ihrem Navigationssystem können Sie Folgendes auslösen:

tracker.trackScreenView (screenName);

5- Test: Es ist Zeit, Ihre Implementierung in Ihrer lokalen / Staging-Umgebung zu testen und einige Treffer in der Echtzeitkonsole von Google Analytics zu sehen.

6- Erfolg: Glückwunsch! GA ist jetzt in Betrieb. Sie haben bereits Zugang zu vielen wertvollen Informationen über den Pfad, die Gewohnheiten und Profile Ihrer Besucher.

Weitergehen

Von hier aus können Sie Ihre Nachverfolgung und Berichterstellung schrittweise anpassen:

  • Erstellen von zwei verschiedenen Eigenschaften (unter einem Konto): eine für Ihre Staging-Umgebungen und eine für Ihre Produktionsumgebungen
  • Verhindern Sie, dass das Verhalten Ihres Teams / Unternehmens in der App die tatsächlichen Kundendaten beeinträchtigt, indem Sie IP-Adressen verbieten
  • Senden von benutzerdefinierten Ereignissen für benutzerdefinierte Kundenaktionen, z. B. Klicken auf ein Banner oder eine Anmeldeaktion
  • Einrichten von Zielen (mithilfe Ihrer benutzerdefinierten Ereignisse), um ein umfassendes Verständnis der Leistung Ihrer App zu erhalten
  • Übergeben Sie benutzerdefinierte Dimensionen an Ihre Treffer, um Ihre Analysedaten mit Ihrer spezifischen Geschäftslogik zu verstärken
  • Verfolgen Sie den Ursprung der Installationen Ihrer Kunden
  • Abrufen von Rohdaten direkt in Google Spreadsheet zum Erstellen eigener Berichte
  • Wenn Sie ein E-Commerce- / Marktplatz-Unternehmen sind, lernen Sie dank Google Analytics E-Commerce mehr kennen

Google Analytics oder Google Tag Manager (GTM)?

Es gibt eine zweite Möglichkeit, Daten von Ihrer App an GA zu senden: Indem Sie den GTM-Tracking-Code implementieren und anschließend die GTM-Benutzeroberfläche einrichten, um Daten an GA zu übertragen.

GTM ist ein Tag Management System (TMS), mit dem auch Nicht-Techniker einen schnellen Einblick in die Verfolgung von Plattformen erhalten und diese nach Belieben ändern können. Es ist nichts weiter als ein in Ihre Plattform eingefügtes Javascript-Fenster, das mit einer grafischen Oberfläche verbunden ist, über die Sie Ihre Nachverfolgung einstellen und dann Daten an verschiedene Anbieter / Partner (wie Google Analytics, Criteo, Facebook usw.) senden können. Dies erhöht die Flexibilität bei der Nachverfolgung durch eine zentralisierte und organisierte Implementierung.

Ich würde immer empfehlen, GTM zu verwenden. Die Komplexität der Tools ist nichts im Vergleich zu dem Komfort und der Skalierbarkeit, die sie mit sich bringen. In Bezug auf React Native fand ich jedoch keine überzeugende Lösung in der Zeit, die ich für GTM hatte, daher habe ich mich für die GA-Implementierung entschieden. Sie können GA heute direkt installieren und bei Bedarf ganz einfach Ihr Tracking in GTM übertragen, ohne die Datenkonsistenz zu verlieren.

Firebase: das neue mobile All-in-One-Tool von Google

Google Analytics ist möglicherweise nicht mehr die neueste / beste Lösung, um Analytics für mobile Apps durchzuführen, seit Firebase von Google. Diese neue Lösung ist ein Cloud-Service-Anbieter und ein Backend als Service für mobile Apps, einschließlich eines Analytics-Tools.

Wenn Sie neugierig sind, zögern Sie nicht, einen Blick darauf zu werfen. Bis heute hatte ich keine Gelegenheit, Firebase zu testen. GA ist immer noch großartig, extrem leistungsstark und die Hauptlösung für Analytics on Desktop.

In meinem nächsten Artikel werde ich Ihnen einige Ratschläge geben, um Daten zu verfolgen, die als umsetzbare KPIs verwendet werden können, um Ihr Geschäft effizienter zu gestalten!