Làm cách nào để cài đặt Google Analytics cho React Native?

Bài viết này là phần thứ ba của loạt bài nhằm trả lời Analytics là gì, tại sao, khi nào và làm thế nào để sử dụng nó

Trong các bài viết trước của tôi, tôi đã giải thích tại sao Analytics là một công cụ tuyệt vời để giúp thúc đẩy sản phẩm và sau đó tôi đã nêu chi tiết lý do tại sao tôi nghĩ Google Analytics (GA) là nền tảng hoàn hảo cho vấn đề này.

Bây giờ hãy để sâu vào việc triển khai kỹ thuật Google Analytics cho React Native.

Ở cuối bài viết tôi nói một chút về việc theo dõi với Trình quản lý thẻ của Google và sau đó tôi đề cập đến Firebase, một công cụ mới của Google để thực hiện Analytics (và nhiều thứ khác) trên thiết bị di động.

Gói hay thực hiện thủ công?

Làm bằng tay

Bản thân Google Analytics không phức tạp lắm để thực hiện. Không gặp quá nhiều khó khăn (tối đa hai ngày công), bạn có thể tự mình triển khai công cụ gốc cơ bản và điều chỉnh nó thành React Native: Google Analytics gốc trên Android - Google Analytics gốc trên iOS.

Gói

Tuy nhiên, theo tôi, một gói NPM cập nhật và phổ biến thường sẽ là một giải pháp bền vững hơn so với triển khai thủ công (với điều kiện gói đó đáp ứng nhu cầu của bạn).

Cho đến nay, gói tốt nhất cho React Native mà tôi tìm thấy là GoogleAnalyticsBridge và nó hoạt động như một bùa mê:

1- Cài đặt gói: Thực hiện theo readme trong kho github. Bạn không nên đối mặt với bất kỳ vấn đề. Nếu bạn phải đối mặt với bất kỳ, don do dự hỏi tác giả của gói, anh ấy rất phản ứng.

2- Tạo tài khoản GA: Tạo tài khoản Google Analytics tại đây.

3- Tạo dịch vụ Analytics trong React Native: Trong mã của bạn, hãy tạo một dịch vụ Analytics chuyên dụng và chuyển ID theo dõi tài khoản GA (trông giống như: UA-12345 Nott1), có thể được tìm thấy trong các tham số của tài khoản mới được tạo :

nhập {GoogleAnalyticsTracker} từ 'Reac -igen-google-analytics-Bridge';

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

4- Theo dõi màn hình: Chúng tôi cũng sẽ cần gửi các lô dữ liệu đầu tiên đến GA, theo dõi cơ bản được gọi là Màn hình xem / Trang xem, trong hệ thống điều hướng của bạn, bạn có thể kích hoạt:

tracker.trackScreenView (screenName);

5- Kiểm tra: Đã đến lúc kiểm tra việc triển khai của bạn trên môi trường cục bộ / dàn dựng của bạn và bắt đầu thấy một số lần truy cập trong bảng điều khiển thời gian thực của Google Analytics.

6- Thành công: Chúc mừng! GA hiện đang hoạt động. Bạn đã có quyền truy cập vào rất nhiều thông tin quý giá liên quan đến đường dẫn, thói quen và hồ sơ của khách truy cập.

Đi xa hơn

Từ đó, bạn sẽ có thể tùy chỉnh dần dần theo dõi và báo cáo của mình bằng cách:

  • Tạo hai thuộc tính khác nhau (trong một tài khoản): một cho môi trường dàn của bạn và một cho môi trường sản xuất của bạn
  • Ngăn chặn hành vi của nhóm / công ty trên ứng dụng của bạn can thiệp vào dữ liệu khách hàng thực bằng cách cấm IP
  • Gửi các sự kiện tùy chỉnh cho các hành động của khách hàng tùy chỉnh, chẳng hạn như nhấp vào biểu ngữ hoặc hành động đăng nhập
  • Thiết lập mục tiêu (sử dụng các sự kiện tùy chỉnh của bạn) để hiểu sâu hơn về hiệu suất của ứng dụng của bạn
  • Chuyển các thứ nguyên tùy chỉnh dọc theo lượt truy cập của bạn để củng cố dữ liệu phân tích của bạn với logic kinh doanh cụ thể của bạn
  • Theo dõi nguồn gốc cài đặt của khách hàng của bạn
  • Truy xuất dữ liệu thô thô trực tiếp trong Bảng tính Google để tạo báo cáo của riêng bạn
  • Nếu bạn là doanh nghiệp thương mại điện tử / thị trường, hãy tìm hiểu thêm nhờ Thương mại điện tử Google Analytics

Google Analytics hoặc Trình quản lý thẻ của Google (GTM)?

Có một cách thứ hai để gửi dữ liệu từ ứng dụng của bạn đến GA: bằng cách triển khai mã theo dõi GTM, sau đó thiết lập giao diện người dùng GTM để chuyển dữ liệu sang GA.

GTM là một Hệ thống quản lý thẻ (TMS) cho phép những người không chuyên về công nghệ nhanh chóng có được cái nhìn thoáng qua về việc theo dõi platfrom và thay đổi nó theo ý muốn của họ. Không gì khác hơn là một cửa sổ javascript được đưa vào nền tảng của bạn, được kết nối với giao diện đồ họa mà bạn có thể đặt theo dõi và sau đó gửi dữ liệu tới các nhà cung cấp / đối tác khác nhau (như Google Analytics, Criteo, Facebook, v.v.). Do đó linh hoạt theo dõi nhiều hơn với việc thực hiện tập trung và có tổ chức.

Tôi luôn khuyên bạn nên sử dụng GTM, độ phức tạp của công cụ không là gì so với sự thoải mái và khả năng mở rộng mà nó mang lại. Tuy nhiên, về React Native tôi không tìm thấy một giải pháp thuyết phục nào trong thời gian hạn chế mà tôi có đối với GTM, do đó tôi đã đi thực hiện GA. Bạn có thể cài đặt GA trực tiếp ngay hôm nay và khi nhu cầu cấp bách hơn, dễ dàng chuyển theo dõi của bạn trong GTM mà không mất tính thống nhất dữ liệu.

Firebase: công cụ di động tất cả trong một mới của Google

Google Analytics có thể không phải là giải pháp mới nhất / tốt nhất để thực hiện Analytics trên ứng dụng di động nữa kể từ firebase từ Google. Giải pháp mới này là nhà cung cấp dịch vụ đám mây và phụ trợ dưới dạng dịch vụ cho các ứng dụng di động bao gồm công cụ Analytics.

Nếu bạn tò mò, don Patrick ngần ngại xem xét. Cho đến hôm nay, tôi không có cơ hội thử nghiệm Firebase. GA vẫn tuyệt vời, cực kỳ mạnh mẽ và là giải pháp chính cho Analytics trên máy tính để bàn.

Trong bài viết tiếp theo của tôi, tôi sẽ cung cấp cho bạn một số lời khuyên để theo dõi dữ liệu có thể sử dụng dưới dạng KPI có thể hành động để thúc đẩy hiệu quả doanh nghiệp của bạn!