React Native中用@react-native-firebase/analytics更新Google授权参数问题

对应原生Consent参数的RN Firebase API #

@react-native-firebase/analytics 没有直接的setConsent方法，但可以通过以下API对应Swift示例中的四个参数：

• analyticsStorage：使用setAnalyticsCollectionEnabled(boolean)，true对应.granted，false对应.denied
• adStorage：使用setAdvertisingCollectionEnabled(boolean)，同样true为授权，false为拒绝
• adUserData & adPersonalization：使用setConsentStatus(type, status)，其中：
  • type 可选值：'AD_USER_DATA'、'AD_PERSONALIZATION'
  • status 可选值：'GRANTED'、'DENIED'

实现用户授权询问与状态更新 #

1. 弹出授权询问弹窗 #

可以用React Native原生的Alert组件快速实现，或者自定义Modal让用户选择权限：

import { Alert } from 'react-native';
import analytics from '@react-native-firebase/analytics';
import AsyncStorage from '@react-native-async-storage/async-storage';

const showConsentDialog = () => {
  Alert.alert(
    '隐私授权',
    '我们需要获取以下权限以优化服务：\n- 分析数据收集\n- 广告数据收集\n- 广告用户数据使用\n- 个性化广告展示',
    [
      {
        text: '拒绝全部',
        onPress: async () => {
          await setConsentStatuses(false, false, false, false);
          await saveConsentToStorage(false, false, false, false);
        },
      },
      {
        text: '同意全部',
        onPress: async () => {
          await setConsentStatuses(true, true, true, true);
          await saveConsentToStorage(true, true, true, true);
        },
      },
      {
        text: '自定义',
        onPress: () => {
          // 跳转到自定义授权页面，让用户单独勾选每个权限
          navigateToCustomConsentScreen();
        },
      },
    ],
    { cancelable: false }
  );
};

2. 封装授权设置方法 #

根据用户选择调用Firebase API：

// 统一设置授权状态
const setConsentStatuses = async (analyticsEnabled, adStorageEnabled, adUserDataGranted, adPersonalizationGranted) => {
  await analytics().setAnalyticsCollectionEnabled(analyticsEnabled);
  await analytics().setAdvertisingCollectionEnabled(adStorageEnabled);
  await analytics().setConsentStatus('AD_USER_DATA', adUserDataGranted ? 'GRANTED' : 'DENIED');
  await analytics().setConsentStatus('AD_PERSONALIZATION', adPersonalizationGranted ? 'GRANTED' : 'DENIED');
};

// 持久化存储用户选择，避免重复询问
const saveConsentToStorage = async (analytics, adStorage, adUserData, adPersonalization) => {
  await AsyncStorage.setItem('user_consent', JSON.stringify({
    analytics,
    adStorage,
    adUserData,
    adPersonalization,
  }));
};

3. 启动时检查并恢复授权状态 #

在App初始化时判断是否已有保存的授权，没有则弹出弹窗：

// 在根组件的useEffect中执行
useEffect(() => {
  const initConsent = async () => {
    const savedConsent = await AsyncStorage.getItem('user_consent');
    if (!savedConsent) {
      showConsentDialog();
    } else {
      const { analytics, adStorage, adUserData, adPersonalization } = JSON.parse(savedConsent);
      await setConsentStatuses(analytics, adStorage, adUserData, adPersonalization);
    }
  };

  initConsent();
}, []);

注意点 #

• 确保你的@react-native-firebase/analytics版本在v14及以上，旧版本可能没有setConsentStatus方法，建议升级
• 自定义授权页面可以用Checkbox组件让用户单独选择每个权限，调用setConsentStatuses时传入对应布尔值即可

内容的提问来源于stack exchange，提问作者Adriana Ansoain Hernández