Kuinka asentaa Google Analytics React Native -sovellukseen?

Tämä artikkeli on kolmas sarjasta, jonka tavoitteena on vastata kysymyksiin Mikä on Analytics, miksi, milloin ja miten sitä käytetään

Edellisissä artikkeleissani selitin miksi Analytics on niin hieno työkalu tuotteen ohjaamiseen, ja sitten yksityiskohtaisesti miksi Google Analytics (GA) on mielestäni täydellinen alusta tähän asiaan.

Sukellaan nyt Google Analyticsin tekniseen toteutukseen React Native -sovellukselle.

Artikkelin alareunassa puhun hiukan seurannasta Google Tag Manager -sovelluksen kanssa ja mainitsen sitten Firebaseen, joka on uusi Google-työkalu Analyticsin (ja monien muiden asioiden) tekemiseen mobiililaitteissa.

Paketti vai käsintehty toteutus?

Käsintehdyt

Google Analytics ei sinänsä ole kovin monimutkaista toteuttaa. Ilman liikaa vaivaa (korkeintaan kaksi miespäivää), voit itse toteuttaa natiivin perustyökalun ja mukauttaa sen reagoimaan alkuperäiseen: Google Analyticsin alkuperäinen Android - Google Analyticsin alkuperäinen iOS.

Paketti

Mielestäni ajan tasalla oleva ja suosittu NPM-paketti on kuitenkin usein kestävämpi ratkaisu kuin käsintehty toteutus (edellyttäen, että paketti vastaa tarpeisiisi).

Toistaiseksi paras löydettyni React Native -paketti on GoogleAnalyticsBridge ja se toimii kuin viehätys:

1- Paketin asennus: Seuraa readme-sovellusta github-arkistossa. Sinun ei pitäisi kohdata mitään ongelmia. Jos sinulla on edessäsi, älä epäröi kysyä paketin kirjoittajalta, hän on erittäin reaktiivinen.

2- GA-tilin luominen: Luo Google Analytics -tili tähän.

3- Analytics-palvelun luominen React Native -sovelluksessa: Luo koodissasi oma Analytics-palvelu ja lähetä sille GA-tilin seurantatunnus (näyttää: UA-12345–1), joka löytyy juuri luodun tilin parametreista. :

tuo {GoogleAnalyticsTracker} osoitteesta 'react-native-google-analytics-bridge';

vienti const tracker = uusi GoogleAnalyticsTracker ('UA-12345-1');

4- Näyttökuvien seuranta: Meidän on lähetettävä myös ensimmäiset tietoerät GA: lle, peruseurantaa kutsutaan näyttökertoiksi / sivun katseluiksi, navigointijärjestelmässäsi voit käynnistää:

tracker.trackScreenView (ScreenName);

5- Testi: On aika testata toteutusta paikallisessa / vaiheittaisessa ympäristössä ja alkaa nähdä osumia Google Analyticsin reaaliaikaisessa konsolissa.

6- Menestys: Onnittelut! GA on valmis ja käynnissä. Sinulla on jo pääsy paljon arvokkaita tietoja kävijöiden polusta, tottumista ja profiileista.

Mennä kauemmas

Sieltä voit muokata seurantaa ja raportointia asteittain:

  • Kaksi eri ominaisuutta (yhden tilin alla) luodaan: yhden latausympäristöillesi ja toisen tuotantoympäristöillesi
  • Estää tiimisi / yrityksen sovellusten käyttäytymisen häiritsemästä todellisten asiakkaiden tietoja kieltämällä IP-osoitteet
  • Muokattujen tapahtumien lähettäminen räätälöityjen asiakastoimintojen, kuten bannerin napsautuksen tai kirjautumistoiminnon, lähettämistä varten
  • Asettamalla tavoitteita (käyttämällä omia tapahtumiasi) saadaksesi syvän käsityksen sovelluksesi suorituskyvystä
  • Mukautettujen ulottuvuuksien siirtäminen osumiasi pitkin vahvistaaksesi analyyttitietojasi yrityksesi logiikan avulla
  • Seuraa asiakkaidesi asennusten alkuperää
  • Nopeiden tietojen hakeminen suoraan Google-laskentataulukosta omien raporttien luomiseksi
  • Jos olet verkkokauppaa harjoittava yritys, tutustu muihin Google Analyticsin verkkokaupan ansiosta

Google Analytics tai Google Tag Manager (GTM)?

On toinen tapa lähettää tietoja sovelluksesta GA: lle: toteuttamalla GTM-seurantakoodi ja määrittämällä sitten GTM-käyttöliittymä tietojen siirtämiseen GA: lle.

GTM on Tag Management System (TMS), jonka avulla muut kuin tekniikka ihmiset saavat nopeasti väläyksen levyn seurannasta ja muuttaa sitä omalla tahdollaan. Se ei ole muuta kuin käyttöjärjestelmällesi injektoitu javascript-ikkuna, kytkettynä graafiseen käyttöliittymään, josta voit asettaa seurannan ja lähettää tietoja sitten eri toimittajille / kumppaneille (kuten Google Analytics, Criteo, Facebook jne.). Siksi huomattavasti enemmän seurannan joustavuutta keskitetyn ja organisoidun toteutuksen avulla.

Suosittelen aina GTM: n käyttöä, työkalun monimutkaisuus ei ole mitään verrattuna sen tuomiin mukavuuksiin ja skaalautuvuuteen. En kuitenkaan löytänyt vakuuttavaa ratkaisua React Native -tapahtumaan GTM: lle asetetussa aikarajoituksessa, joten jatkoin GA: n toteuttamista. Voit asentaa GA: n suoraan tänään, ja kun tarve on kiireellisempi, siirrä seuranta helposti GTM: ssä menettämättä tietojen johdonmukaisuutta.

Firebase: uusi Google all-in-one -työkalu

Google Analytics ei ehkä ole viimeisin / paras ratkaisu Analyticsin tekemiseen mobiilisovelluksissa enää Googlen palomuurin jälkeen. Tämä uusi ratkaisu on pilvipalvelujen tarjoaja ja taustajärjestelmä mobiilisovellusten palveluna, joka sisältää Analytics-työkalun.

Jos olet kiinnostunut, älä epäröi katsoa. Tästä päivästä lähtien minulla ei ollut mahdollisuutta testata Firebasea. GA on edelleen suuri, erittäin tehokas ja tärkein ratkaisu Analyticsin työpöydälle.

Seuraavassa artikkelissani annan sinulle neuvoja, joiden avulla voidaan seurata tietoja, joita voidaan käyttää toimivina KPI-arvoina yrityksesi tehokkaaseen ajamiseen!