如何在React Native中通过react-native-google-mobile-ads展示家庭友好广告？

安全阿岳

2026-7-21

实现仅展示家庭友好广告的配置方法

要让react-native-google-mobile-ads组件只展示适合家庭的友好广告，你需要在广告请求中添加内容分级过滤和儿童定向标记的参数，具体修改如下：

核心参数说明

tagForChildDirectedTreatment: 设置为true，告知Google你的应用面向儿童/家庭用户，将返回符合家庭友好标准的广告
maxAdContentRating: 指定广告内容的最高分级，针对家庭友好场景，推荐设置为"G"（通用级，适合所有年龄段）或"PG"（家长指导级，适合大多数儿童）

修改后的代码

import { View } from "react-native";
import {
  BannerAd,
  BannerAdSize,
  TestIds,
} from "react-native-google-mobile-ads";

const adUnitId = __DEV__
  ? TestIds.BANNER
  : "ca-app-pub-8453281779869033/5007999033";

export default function BottomBanner() {
  return (
    <View style={{ justifyContent: "center", alignItems: "center" }}>
      <BannerAd
        style={{ width: "100%", height: 100 }}
        unitId={adUnitId}
        size={BannerAdSize.FULL_BANNER}
        requestOptions={{
          requestNonPersonalizedAdsOnly: true,
          // 新增家庭友好相关配置
          tagForChildDirectedTreatment: true,
          maxAdContentRating: "G"
        }}
      />
    </View>
  );
}