Bagaimana cara menginstal Google Analytics untuk React Native?

Artikel ini adalah yang ketiga dari seri yang bertujuan untuk menjawab Apa itu Analytics, Mengapa, Kapan dan Bagaimana menggunakannya

Dalam artikel saya sebelumnya, saya menjelaskan mengapa Analytics adalah alat yang hebat untuk membantu mendorong suatu produk, dan kemudian saya menjelaskan mengapa menurut saya Google Analytics (GA) adalah platform yang sempurna untuk masalah ini.

Sekarang mari kita selami implementasi teknis Google Analytics untuk React Native.

Di bagian bawah artikel saya berbicara sedikit tentang pelacakan dengan Google Tag Manager, dan kemudian saya menyebutkan Firebase yang merupakan alat Google baru untuk melakukan Analytics (dan banyak hal lainnya) di seluler.

Paket atau implementasi buatan tangan?

Buatan tangan

Google Analytics sendiri tidak terlalu rumit untuk diterapkan. Tanpa terlalu banyak kesulitan (maksimal dua hari kerja), Anda dapat menerapkan sendiri alat asli dasar dan menyesuaikannya dengan React Native: asli Google Analytics di Android - asli Google Analytics di iOS.

Paket

Namun menurut saya, paket NPM yang terkini dan populer akan sering menjadi solusi yang lebih berkelanjutan daripada implementasi buatan tangan (asalkan paket tersebut menjawab kebutuhan Anda).

Sejauh ini paket terbaik untuk React Native yang saya temukan adalah GoogleAnalyticsBridge dan berfungsi seperti pesona:

1- Instalasi paket: Ikuti readme di repositori github. Anda seharusnya tidak menghadapi masalah apa pun. Jika Anda menghadapi sesuatu, jangan ragu untuk bertanya kepada pembuat paket, ia sangat reaktif.

2- Pembuatan akun GA: Buat akun Google Analytics di sini.

3- Pembuatan layanan Analytics di React Native: Dalam kode Anda, buat layanan Analytics khusus, dan berikan ID pelacakan akun GA (seperti: UA-12345–1), yang dapat ditemukan dalam parameter akun yang baru dibuat :

impor {GoogleAnalyticsTracker} dari 'react-native-google-analytics-bridge';

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

4- Pelacakan penayangan layar: Kami juga perlu mengirim kumpulan data pertama ke GA, pelacakan dasar disebut Penayangan Layar / Tampilan Halaman, di sistem navigasi Anda, Anda dapat memicu:

tracker.trackScreenView (screenName);

5- Uji: Sudah waktunya untuk menguji implementasi Anda di lingkungan lokal / pementasan Anda, dan mulai melihat beberapa hit di konsol waktu nyata Google Analytics.

6- Sukses: Selamat! GA aktif dan berjalan sekarang. Anda sudah memiliki akses ke banyak informasi berharga mengenai jalur, kebiasaan, dan profil pengunjung Anda.

Melangkah lebih jauh

Dari sana Anda akan dapat menyesuaikan pelacakan dan pelaporan Anda secara progresif dengan:

  • Membuat dua properti berbeda (dalam satu akun): satu untuk lingkungan pementasan Anda dan satu untuk lingkungan produksi Anda
  • Mencegah perilaku di-aplikasi tim / perusahaan Anda untuk mengganggu data pelanggan nyata dengan melarang IP
  • Mengirim acara khusus untuk tindakan pelanggan khusus seperti klik pada spanduk atau tindakan masuk
  • Menyiapkan sasaran (menggunakan acara khusus Anda) untuk mendapatkan pemahaman mendalam tentang kinerja aplikasi Anda
  • Melewati dimensi khusus di sepanjang klik Anda untuk memperkuat data analitik Anda dengan logika bisnis spesifik Anda
  • Melacak asal pemasangan pelanggan Anda
  • Mengambil data "mentah" secara langsung di Google Spreadsheet untuk membuat laporan Anda sendiri
  • Jika Anda adalah bisnis ecommerce / pasar, mengenal lebih banyak berkat Google Analytics Ecommerce

Google Analytics atau Google Tag Manager (GTM)?

Ada cara kedua untuk mengirim data dari aplikasi Anda ke GA: dengan menerapkan kode pelacakan GTM, dan kemudian menyiapkan antarmuka pengguna GTM untuk mentransfer data ke GA.

GTM adalah Sistem Manajemen Tag (TMS) yang memungkinkan orang non-teknologi untuk dengan cepat melihat pelacakan platfrom dan mengubahnya sesuka mereka. Ini tidak lebih dari jendela javascript yang disuntikkan ke platform Anda, terhubung ke antarmuka grafis dari mana Anda dapat mengatur pelacakan Anda, dan kemudian mengirimkan data ke berbagai penyedia / mitra (seperti Google Analytics, Criteo, Facebook, dll.). Karenanya jauh lebih fleksibel pelacakan dengan implementasi terpusat dan terorganisir.

Saya selalu merekomendasikan menggunakan GTM, kompleksitas alat tidak ada bandingannya dengan kenyamanan dan skalabilitas yang dibawanya. Namun mengenai React Native saya tidak menemukan solusi yang meyakinkan dalam batasan waktu yang saya miliki untuk GTM, maka saya pergi untuk implementasi GA. Anda dapat menginstal GA secara langsung hari ini, dan ketika kebutuhannya lebih mendesak, transfer pelacakan Anda dengan mudah di GTM tanpa kehilangan konsistensi data.

Firebase: alat seluler Google all-in-one baru

Google Analytics mungkin bukan solusi terbaru / terbaik untuk melakukan Analytics di aplikasi seluler lagi sejak firebase dari Google. Solusi baru ini adalah penyedia layanan cloud dan backend sebagai layanan untuk aplikasi seluler termasuk alat Analytics.

Jika Anda tertarik, jangan ragu untuk melihatnya. Sampai hari ini, saya tidak memiliki kesempatan untuk menguji Firebase. GA masih hebat, sangat kuat dan solusi utama untuk Analytics di desktop.

Dalam artikel saya berikutnya, saya akan memberi Anda beberapa saran untuk melacak data yang dapat digunakan sebagai KPI yang dapat ditindaklanjuti untuk mendorong bisnis Anda secara efisien!