Jak nainstalovat Google Analytics pro React Native?

Tento článek je třetí ze série, jejímž cílem je odpovědět na otázku Co je Analytics, proč, kdy a jak jej používat

V předchozích článcích jsem vysvětlil, proč je služba Analytics tak skvělým nástrojem, který pomáhá řídit produkt, a poté jsem podrobně vysvětlil, proč si myslím, že Google Analytics (GA) je pro tuto záležitost perfektní platformou.

Pojďme se nyní věnovat technické implementaci Google Analytics pro React Native.

Ve spodní části článku mluvím o sledování pomocí Správce značek Google a poté zmíním Firebase, což je nový nástroj Google pro provádění Analytics (a mnoho dalších věcí) na mobilu.

Balení nebo ruční implementace?

Ruční

Implementace Google Analytics sama o sobě není příliš komplikovaná. Bez přílišných potíží (maximálně dva člověk dny) můžete implementovat základní nativní nástroj sami a přizpůsobit ho React Native: Google Analytics nativní na Android - Google Analytics nativní na iOS.

Balík

Podle mého názoru však bude aktuální a populární balíček NPM často udržitelnějším řešením než ruční implementace (za předpokladu, že balíček odpovídá vašim potřebám).

Zatím nejlepším balíčkem pro React Native, který jsem našel, je GoogleAnalyticsBridge a funguje to jako kouzlo:

1 - Instalace balíčku: Postupujte podle readme v úložišti github. Neměli byste čelit žádným problémům. Pokud tomu tak bude, neváhejte se zeptat autora balíčku, je velmi reaktivní.

Vytvoření 2–2 účtů GA: Zde si vytvořte účet Google Analytics.

3- Vytváření služeb Analytics v React Native: Ve svém kódu vytvořte specializovanou službu Analytics a předejte jí ID sledování účtu GA (vypadá jako: UA-12345-1), které najdete v parametrech čerstvě vytvořeného účtu. :

importovat {GoogleAnalyticsTracker} z 'reagovat-nativní-google-analytics-bridge';

export const tracker = new GoogleAnalyticsTracker ('UA-12345-1');

4- Sledování zobrazení obrazovky: Budeme muset také poslat první šarže dat do GA, základní sledování se nazývá Screenviews / Pageviews, ve vašem navigačním systému můžete spustit:

tracker.trackScreenView (screenName);

5- Test: Je čas otestovat implementaci v místním / pracovním prostředí a začít vidět některé požadavky v konzole Google Analytics v reálném čase.

6- Úspěch: Gratulujeme! GA je nyní v provozu. Již budete mít přístup k mnoha cenným informacím o cestě, zvycích a profilech návštěvníků.

Jdeme dál

Odtud budete moci postupně přizpůsobit své sledování a vytváření přehledů:

  • Vytvoření dvou různých vlastností (pod jedním účtem): jeden pro pracovní prostředí a jeden pro vaše produkční prostředí
  • Zabránění chování vašeho týmu / společnosti v aplikaci, aby zasahovalo do skutečných dat zákazníků zákazem IP
  • Odesílání vlastních událostí pro vlastní akce zákazníka, jako je kliknutí na banner nebo akce přihlášení
  • Nastavením cílů (pomocí vlastních událostí) získáte hluboké porozumění výkonu vaší aplikace
  • Předávání vlastních dimenzí podél požadavků na server k posílení analytických údajů vaší konkrétní obchodní logikou
  • Sledování původu instalací vašich zákazníků
  • Získávání „nezpracovaných“ dat přímo v tabulce Google k vytváření vlastních přehledů
  • Jste-li obchod s elektronickým obchodem / tržištěm, dozvíte se více díky elektronickému obchodu Google Analytics

Google Analytics nebo Správce značek Google (GTM)?

Existuje druhý způsob, jak odesílat data z aplikace do služby GA: implementací měřicího kódu GTM a nastavením uživatelského rozhraní GTM pro přenos dat do GA.

GTM je systém pro správu značek (TMS), který umožňuje netechnickým lidem rychle nahlédnout do sledování platforem a měnit je podle své vůle. Není to nic jiného než javascriptové okno vstřikované do vaší platformy, připojené k grafickému rozhraní, ze kterého můžete nastavit sledování, a pak odesílat data různým poskytovatelům / partnerům (jako jsou Google Analytics, Criteo, Facebook atd.). Díky centralizované a organizované implementaci je tedy mnohem větší flexibilita sledování.

Vždy bych doporučil používat GTM, složitost nástrojů není nic ve srovnání s pohodlím a škálovatelností, které přináší. Pokud jde o React Native, nenalezl jsem přesvědčivé řešení v časovém omezení, které jsem měl pro GTM, a proto jsem šel na implementaci GA. Službu GA můžete nainstalovat přímo dnes, a když je potřeba naléhavější, snadno přeneste své sledování v GTM bez ztráty konzistence dat.

Firebase: nový mobilní nástroj Google all-in-one

Google Analytics už nemusí být nejnovějším / nejlepším řešením, jak provádět Analytics v mobilních aplikacích, od té doby, co se stala základem Google. Toto nové řešení je poskytovatel cloudových služeb a backend jako služba pro mobilní aplikace včetně nástroje Analytics.

Pokud vás zaujalo, neváhejte se podívat. Od dnešního dne jsem neměl příležitost otestovat Firebase. GA je stále skvělé, extrémně výkonné a hlavní řešení pro Analytics na počítači.

V mém dalším článku vám dám několik rad, jak sledovat data použitelná jako KPI s možností použití, abyste mohli efektivně řídit své podnikání!