Bagaimana untuk memasang Google Analytics untuk React Native?

Artikel ini adalah yang ketiga dalam siri yang bertujuan untuk menjawab kepada Apa itu Analytics, Kenapa, Kapan dan Cara menggunakannya

Dalam artikel saya sebelum ini, saya menjelaskan mengapa Analytics merupakan alat yang hebat untuk membantu memacu produk, dan kemudian saya terperinci mengapa saya rasa Google Analytics (GA) adalah platform yang sempurna untuk perkara ini.

Sekarang mari menyelami pelaksanaan teknikal Google Analytics untuk React Native.

Di bahagian bawah artikel saya bercakap sedikit tentang menjejaki dengan Google Tag Manager, dan kemudian saya sebutkan Firebase yang merupakan alat Google baru untuk melakukan Analytics (dan banyak lagi perkara) di seluler.

Pakej atau pelaksanaan buatan tangan?

Buatan tangan

Google Analytics sendiri tidak begitu rumit untuk dilaksanakan. Tanpa masalah terlalu banyak (maksima dua hari), anda boleh mengimplementasikan alat asli asas sendiri dan menyesuaikannya kepada React Native: Google Analytics asli pada Android - Google Analytics asli pada iOS.

Pakej

Walau bagaimanapun, pada pendapat saya, pakej NPM yang terkini dan popular sering akan menjadi penyelesaian yang lebih lestari daripada pelaksanaan buatan tangan (dengan syarat pakej itu menjawab keperluan anda).

Setakat ini pakej terbaik untuk React Native saya dapati ialah GoogleAnalyticsBridge dan ia berfungsi seperti pesona:

1- Pakej pakej: Ikuti readme dalam repositori github. Anda tidak sepatutnya menghadapi apa-apa masalah. Sekiranya anda menghadapi apa-apa, jangan ragu untuk meminta pengarang pakej itu, dia sangat reaktif.

2- penciptaan akaun GA: Buat akaun Google Analytics di sini.

- Penciptaan perkhidmatan analitik dalam React Native: Dalam kod anda, buat perkhidmatan Analitik yang berdedikasi, dan lulus ID Penjejakan akaun GA (kelihatan seperti: UA-12345-1), yang dapat ditemukan dalam parameter dari akun yang baru dibuat :

import {GoogleAnalyticsTracker} dari 'jambatan asal-google-analytics-jambatan';

pengeksport const export = baru GoogleAnalyticsTracker ('UA-12345-1');

- Penjejakan Screenviews: Kami juga perlu menghantar kumpulan pertama data ke GA, penjejakan asas dipanggil Screenviews / Pageviews, dalam sistem navigasi anda, anda boleh mencetuskan:

tracker.trackScreenView (screenName);

5 Ujian: Sudah tiba masanya untuk menguji pelaksanaan anda di persekitaran tempatan / pementasan anda, dan mula melihat beberapa hits dalam konsol Google-masa sebenar.

6 Kejayaan: Tahniah! GA naik dan berjalan sekarang. Anda sudah mempunyai akses kepada banyak maklumat berharga mengenai laluan pengunjung, tabiat dan profil anda.

Melangkah lebih lanjut

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

  • Mewujudkan dua sifat berbeza (di bawah satu akaun): satu untuk persekitaran pementasan anda dan satu untuk persekitaran pengeluaran anda
  • Mencegah tingkah laku aplikasi pasukan / syarikat anda untuk mengganggu data pelanggan sebenar dengan mengharamkan IP
  • Menghantar acara tersuai untuk tindakan pelanggan tersuai seperti klik pada spanduk atau tindakan log masuk
  • Menyediakan matlamat (menggunakan acara tersuai anda) untuk mendapatkan pemahaman yang mendalam mengenai prestasi aplikasi anda
  • Lulus dimensi khusus di sepanjang hits anda untuk mengukuhkan data analitik anda dengan logik perniagaan khusus anda
  • Mengesan asal pemasangan pelanggan anda
  • Mendapatkan semula "mentah" data secara langsung di Google Spreadsheet untuk membina laporan anda sendiri
  • Jika anda adalah perniagaan e-dagang / pasaran, dapatkan lebih banyak terima kasih kepada Google Analytics E-dagang

Google Analytics atau Google Tag Manager (GTM)?

Terdapat cara kedua untuk menghantar data dari aplikasi anda ke GA: dengan melaksanakan kod penjejakan GTM, dan kemudian menyediakan antara muka pengguna GTM untuk memindahkan data ke GA.

GTM adalah Sistem Pengurusan Tag (TMS) yang membolehkan orang bukan berteknologi cepat mendapatkan penglihatan platfrom dan mengubahnya mengikut kehendak mereka. Ia tidak lebih daripada satu tetingkap javascript yang disuntik ke dalam platform anda, disambungkan ke antara muka grafik yang mana anda boleh menetapkan penjejakan anda, dan kemudian menghantar data kepada pembekal / rakan kongsi yang berbeza (seperti Google Analytics, Criteo, Facebook, dll.). Oleh itu lebih banyak pengesanan fleksibiliti dengan pelaksanaan terpusat dan teratur.

Saya akan sentiasa mengesyorkan menggunakan GTM, kerumitan alat tidak ada apa-apa berbanding dengan keselesaan dan skalabiliti yang ia bawa. Bagaimanapun, mengenai React Native Saya tidak dapat mencari penyelesaian yang meyakinkan dalam kekangan masa saya untuk GTM, maka saya pergi untuk melaksanakan GA. Anda boleh memasang GA secara langsung hari ini, dan apabila keperluan lebih menekan, dengan mudah memindahkan penjejakan anda di GTM tanpa kehilangan konsistensi data.

Firebase: alat mudah alih Google all-in-one baru

Google Analytics bukanlah penyelesaian terkini / terbaik untuk melakukan Analytics pada aplikasi mudah alih lagi sejak firebase dari Google. Penyelesaian baru ini adalah pembekal perkhidmatan awan dan backend sebagai perkhidmatan untuk aplikasi mudah alih termasuk alat Analitis.

Jika anda tertarik, jangan teragak-agak untuk melihat. Sehingga hari ini, saya tidak mempunyai peluang untuk menguji Firebase. GA masih hebat, sangat kuat dan penyelesaian utama untuk Analytics di desktop.

Dalam artikel saya yang seterusnya, saya akan memberi anda beberapa nasihat untuk mengesan data yang boleh digunakan sebagai KPI yang boleh diguna untuk memacu perniagaan anda dengan cekap!