React Native iOS/Android：如何向非默认Firebase关联GA4账号上报screen_view？

可以在React Native的iOS和Android端实现将screen_view事件上报至非默认GA4账号的需求，具体分两种场景处理：

场景1：同一Firebase项目下的第二个GA4数据流 #

如果你的非默认GA4账号是同一Firebase项目中新增的数据流，可通过Firebase Analytics的多配置能力实现：

1. 添加新GA4数据流
   登录Firebase控制台，进入项目Analytics页面创建新GA4数据流，获取对应的Measurement ID（格式：G-XXXXXXX）。

2. iOS端配置
   在项目的Info.plist中添加多Measurement ID配置：

   <key>GoogleAnalytics</key>
   <dict>
     <key>MeasurementId</key>
     <string>默认GA4 ID</string>
     <key>SecondaryMeasurementIds</key>
     <array>
       <string>非默认GA4 ID</string>
     </array>
   </dict>
   

   确保Firebase SDK版本≥10.0.0，支持多ID上报。

3. Android端配置
   在AndroidManifest.xml的<application>标签内添加非默认GA4 ID的元数据：

   <meta-data
       android:name="com.google.firebase.analytics.MEASUREMENT_ID"
       android:value="非默认GA4 ID"/>
   

4. React Native层上报事件
   使用react-native-firebase/analytics指定目标Measurement ID上报：

   import analytics from '@react-native-firebase/analytics';
   
   const logCustomScreenView = async (screenName) => {
     await analytics().logScreenView({
       screen_name: screenName,
       screen_class: screenName,
       measurement_id: '非默认GA4 ID'
     });
   };
   

场景2：独立的非Firebase关联GA4账号 #

如果GA4账号完全独立于Firebase，需直接集成GA4原生SDK并封装React Native桥接：

1. iOS端集成

   • 通过CocoaPods添加GA4依赖：

     pod 'GoogleAnalytics', '~> 8.0'
     

   • 在AppDelegate.m中初始化GA4：

     #import <GoogleAnalytics/GAI.h>
     #import <GoogleAnalytics/GAIDictionaryBuilder.h>
     
     - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
       id<GAITracker> tracker = [[GAI sharedInstance] trackerWithTrackingId:@"非默认GA4 ID"];
       [[GAI sharedInstance] setDefaultTracker:tracker];
       return YES;
     }
     

   • 封装React Native桥接方法：

     RCT_EXPORT_METHOD(logScreenView:(NSString *)screenName) {
       id<GAITracker> tracker = [[GAI sharedInstance] defaultTracker];
       [tracker send:[[GAIDictionaryBuilder createScreenView] set:screenName forKey:kGAIScreenName].build];
     }
     

2. Android端集成

   • 在build.gradle添加GA4依赖：

     dependencies {
       implementation 'com.google.android.gms:play-services-analytics:18.0.2'
     }
     

   • 在自定义Application类中初始化GA4：

     import com.google.android.gms.analytics.GoogleAnalytics;
     import com.google.android.gms.analytics.Tracker;
     
     public class MyApplication extends Application {
       private Tracker mTracker;
     
       synchronized public Tracker getDefaultTracker() {
         if (mTracker == null) {
           GoogleAnalytics analytics = GoogleAnalytics.getInstance(this);
           mTracker = analytics.newTracker("非默认GA4 ID");
         }
         return mTracker;
       }
     }
     

   • 封装React Native桥接方法：

     @ReactMethod
     public void logScreenView(String screenName) {
       Tracker tracker = ((MyApplication) getReactApplicationContext().getApplicationContext()).getDefaultTracker();
       tracker.setScreenName(screenName);
       tracker.send(new HitBuilders.ScreenViewBuilder().build());
     }
     

3. React Native层调用
   通过NativeModules调用原生桥接方法：

   import { NativeModules } from 'react-native';
   const { GA4CustomTracker } = NativeModules;
   
   export const logCustomScreenView = (screenName) => {
     GA4CustomTracker.logScreenView(screenName);
   };
   

注意事项 #

• 确保各平台GA4 SDK版本与React Native环境兼容，避免版本冲突。
• 独立GA4账号需在控制台配置对应平台的数据流，确保事件可正常接收。
• 测试时可使用GA4实时报告验证事件上报状态。

内容的提问来源于stack exchange，提问作者Mike Flynn