React Native向けGoogleアナリティクスのインストール方法

この記事は、アナリティクスとは何か、なぜ、いつ、どのように使用するかを説明するシリーズの第3回です。

以前の記事で、Analyticsが製品の推進に役立つ優れたツールである理由を説明した後、Google Analytics(GA)がこの問題に最適なプラットフォームであると考える理由を詳しく説明しました。

それでは、React Native向けGoogleアナリティクスの技術的な実装について見ていきましょう。

記事の最後で、Googleタグマネージャーを使用した追跡について少し説明し、次にモバイルでアナリティクス(およびその他の多くのこと)を行うための新しいGoogleツールであるFirebaseについて説明します。

パッケージまたは手作りの実装?

手作り

Google Analytics自体の実装はそれほど複雑ではありません。あまり手間をかけずに(最大2人日)、基本的なネイティブツールを自分で実装して、React Native:AndroidのGoogle Analyticsネイティブ-iOSのGoogle Analyticsネイティブに適応させることができます。

パッケージ

しかし、私の意見では、最新の人気のあるNPMパッケージは、多くの場合、手作りの実装よりも持続可能性の高いソリューションになります(パッケージがニーズに対応している場合)。

これまでのところ、私が見つけたReact Nativeの最適なパッケージはGoogleAnalyticsBridgeであり、魅力のように機能します:

1-パッケージのインストール:githubリポジトリのreadmeに従ってください。問題に直面するべきではありません。あなたが何かに直面した場合、パッケージの作者に尋ねることをheしないでください、彼は非常に反応的です。

2- GAアカウントの作成:ここでGoogle Analyticsアカウントを作成します。

3- React Nativeでのアナリティクスサービスの作成:コードで専用のアナリティクスサービスを作成し、GAアカウントトラッキングID(UA-12345–1など)を渡します。このIDは、新しく作成したアカウントのパラメーターにあります:

「react-native-google-analytics-bridge」から{GoogleAnalyticsTracker}をインポートします。

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

4- Screenviewsトラッキング:データの最初のバッチもGAに送信する必要があります。基本的なトラッキングはScreenviews / Pageviewsと呼ばれ、ナビゲーションシステムでトリガーできます:

tracker.trackScreenView(screenName);

5-テスト:ローカル/ステージング環境で実装をテストし、Googleアナリティクスのリアルタイムコンソールでいくつかのヒットを確認します。

6-成功:おめでとうございます! GAは現在稼働しています。訪問者の経路、習慣、プロファイルに関する多くの貴重な情報に既にアクセスできます。

もっと遠く行く

そこから、次の方法で追跡とレポートを段階的にカスタマイズできます。

  • 2つの異なるプロパティ(1つのアカウントの下)の作成:ステージング環境用と運用環境用の1つ
  • IPを禁止することで、チーム/会社のアプリ上の動作が実際の顧客データに干渉するのを防ぐ
  • バナーのクリックやログインアクションなどのカスタムカスタマーアクションのカスタムイベントを送信する
  • (カスタムイベントを使用して)目標を設定して、アプリのパフォーマンスを深く理解する
  • 特定のビジネスロジックで分析データを強化するために、ヒットに沿ってカスタムディメンションを渡す
  • 顧客のインストールの起源の追跡
  • Googleスプレッドシートで直接「生の」データを取得して独自のレポートを作成する
  • あなたがeコマース/マーケットプレイスビジネスの場合、Googleアナリティクスeコマースのおかげでもっと知ることができます

Google AnalyticsまたはGoogle Tag Manager(GTM)?

アプリからGAにデータを送信する2番目の方法があります。GTMトラッキングコードを実装し、GTMユーザーインターフェースを設定してデータをGAに転送します。

GTMは、タグ管理システム(TMS)であり、技術者以外のユーザーがプラットフォームの追跡をすぐに把握し、自由に変更できるようにします。プラットフォームに挿入されたJavaScriptウィンドウに過ぎず、追跡を設定できるグラフィカルインターフェイスに接続され、さまざまなプロバイダー/パートナー(Googleアナリティクス、Criteo、Facebookなど)にデータをディスパッチします。したがって、一元化され組織化された実装により、追跡の柔軟性が大幅に向上します。

私は常にGTMを使用することをお勧めします。ツールの複雑さは、GTMがもたらす快適さと拡張性と比較しても何もありません。ただし、React Nativeについては、GTMの時間制約に納得のいく解決策が見つからなかったため、GAの実装に進みました。現在GAを直接インストールできます。必要性がさらに高まった場合は、データの一貫性を失わずにGTMでトラッキングを簡単に転送できます。

Firebase:新しいGoogleオールインワンモバイルツール

Googleアナリティクスは、Googleのfirebase以来、モバイルアプリでアナリティクスを行うための最新/最良のソリューションではなくなっている可能性があります。この新しいソリューションは、クラウドサービスプロバイダーであり、分析ツールを含むモバイルアプリのサービスとしてのバックエンドです。

興味をそそられたら、ためらわずに見てください。今日の時点で、Firebaseをテストする機会はありませんでした。 GAは依然として優れており、非常に強力であり、デスクトップ上のAnalyticsの主なソリューションです。

次の記事では、実用的なKPIとして使用可能なデータを追跡して、ビジネスを効率的に進めるためのアドバイスを提供します。