Cum se instalează Google Analytics pentru React Native?

Acest articol este al treilea dintr-o serie care urmărește să răspundă la Ce este Analytics, de ce, când și cum să îl folosești

În articolele mele anterioare, am explicat de ce Analytics este un instrument atât de grozav pentru a ajuta la conducerea unui produs și am detaliat de ce cred că Google Analytics (GA) este platforma perfectă pentru această problemă.

Să ne scufundăm acum în implementarea tehnică a Google Analytics pentru React Native.

În partea de jos a articolului vorbesc puțin despre urmărirea cu Google Tag Manager și apoi menționez Firebase, care este un nou instrument Google pentru a face Analytics (și multe alte lucruri) pe mobil.

Pachet sau implementare manuală?

lucrat manual

Google Analytics în sine nu este foarte complicat de implementat. Fără prea multe probleme (maxim două zile de om), puteți implementa singur instrumentul autohton de bază și să-l adaptați la React Native: Google Analytics nativ pe Android - Google Analytics nativ pe iOS.

Pachet

În opinia mea, însă, un pachet NPM actualizat și popular va fi adesea o soluție mai durabilă decât o implementare realizată manual (cu condiția ca pachetul să răspundă nevoilor tale).

Până în prezent, cel mai bun pachet pentru React Native pe care l-am găsit este GoogleAnalyticsBridge și funcționează ca un farmec:

1- Instalare pachet: Urmați readme în depozitul github. Nu trebuie să faceți probleme. Dacă vă confruntați cu vreunul, nu ezitați să întrebați autorul pachetului, este foarte reactiv.

2- Crearea contului GA: Creați un cont Google Analytics aici.

3- Crearea serviciului Analytics în React Native: în codul dvs., creați un serviciu dedicat Analytics și transmiteți-l ID-ul de urmărire a contului GA (ca: UA-12345–1), care poate fi găsit în parametrii contului proaspăt creat. :

import {GoogleAnalyticsTracker} din „react-native-google-analytics-bridge”;

export const tracker = GoogleAnalyticsTracker nou („UA-12345-1”);

4- Urmărirea vizionărilor de ecran: va trebui să trimitem și primele loturi de date în GA, urmărirea de bază se numește Screenviews / Pageviews, în sistemul dvs. de navigare puteți declanșa:

tracker.trackScreenView (screenname);

5- Testare: este timpul să vă testați implementarea în mediul dvs. local / de înscenare și să începeți să vedeți câteva accesări în consola Google Analytics în timp real.

6- Succes: Felicitări! GA este în funcțiune acum. Aveți deja acces la o mulțime de informații prețioase cu privire la calea, obiceiurile și profilurile vizitatorilor dvs.

Mergând mai departe

De acolo veți putea personaliza progresiv urmărirea și raportarea prin:

  • Crearea a două proprietăți diferite (sub un singur cont): una pentru mediile de înregistrare și una pentru mediile de producție
  • Împiedicați comportamentul pe aplicație al echipei / companiei să intervină cu datele reale ale clienților prin interzicerea IP-urilor
  • Trimiterea de evenimente personalizate pentru acțiuni personalizate ale clienților, cum ar fi un clic pe un banner sau o acțiune de autentificare
  • Configurarea obiectivelor (utilizând evenimentele dvs. personalizate) pentru a înțelege în profunzime performanța aplicației
  • Trecerea dimensiunilor personalizate de-a lungul accesărilor dvs. pentru a consolida datele analitice cu logica specifică de afaceri
  • Urmărirea originii instalărilor clienților
  • Preluarea datelor „brute” direct în tabelul de calcul Google pentru a crea propriile rapoarte
  • Dacă sunteți o afacere de comerț electronic / de piață, cunoașteți mai multe datorită comerțului electronic Google Analytics

Google Analytics sau Google Tag Manager (GTM)?

Există un al doilea mod de a trimite date din aplicația dvs. la GA: prin implementarea codului de urmărire GTM, apoi configurarea interfeței de utilizator GTM pentru a transfera date în GA.

GTM este un sistem de gestionare a tagurilor (TMS) care permite persoanelor non-tehnice să obțină rapid o urmărire a platfromului și să o schimbe după bunul plac. Nu este altceva decât o fereastră javascript injectată în platforma dvs., conectată la o interfață grafică din care puteți seta urmărirea dvs., apoi trimiteți datele către diferiți furnizori / parteneri (cum ar fi Google Analytics, Criteo, Facebook, etc.). De aici și mai multă flexibilitate de urmărire cu o implementare centralizată și organizată.

Aș recomanda întotdeauna utilizarea GTM, complexitatea instrumentului nu este nimic în comparație cu confortul și scalabilitatea pe care le aduce. Cu toate acestea, în ceea ce privește React Native, nu am găsit o soluție convingătoare în constrângerea de timp pe care am avut-o pentru GTM, de aceea am plecat pentru implementarea GA. Puteți instala GA direct astăzi, iar când nevoia este mai presantă, transferați cu ușurință urmărirea în GTM fără a pierde consistența datelor.

Firebase: noul instrument mobil all-in-one Google

Este posibil ca Google Analytics să nu mai fie cea mai recentă sau cea mai bună soluție pentru a face Analytics pe aplicațiile mobile de la baza de foc de la Google. Această nouă soluție este un furnizor de servicii cloud și backend ca serviciu pentru aplicații mobile, inclusiv un instrument Analytics.

Dacă sunteți intrigați, nu ezitați să aruncați o privire. Începând de astăzi, nu am avut ocazia să testez Firebase. GA este încă excelent, extrem de puternic și principala soluție pentru Analytics pe desktop.

În următorul meu articol, vă voi oferi câteva sfaturi pentru a urmări datele utilizabile ca KPI-uri acționabile pentru a conduce eficient afacerea dvs.!