集成Google Publisher Tag - react

将来自谷歌广告管理器的谷歌发布标签（GPT）集成到React Native应用程序中涉及设置广告管理系统（GAM）、集成GPT库、定义广告单元和测试广告交付。以下将分步骤指导您如何在React Native应用程序中集成GPT以及测试广告交付。

步骤 1：设置谷歌广告管理器（GAM）

1. 如果您还没有，创建一个谷歌广告管理器账户：[https://admanager.google.com](https://admanager.google.com)。
2. 在GAM中设置一个应用程序，并根据前述章节创建广告单元。

步骤 2：集成谷歌发布标签（GPT）库

1. 使用npm安装react-native-google-ima包

   npm install react-native-google-ima --save

2. 使用react-native link react-native-google-ima或自动链接（React Native 0.60+）来链接模块

步骤 3：在您的React Native应用程序中配置GPT

1. 在您想要显示广告的JavaScript/TypeScript文件中导入必要的模块

   import {
       PublisherBanner,
       TestIds,
       DFPRequest,
   } from 'react-native-google-ima';

2. 使用您的广告管理器广告单元ID和广告尺寸初始化GPT

   const adUnitID = '/YOUR/AD_UNIT_ID';

3. 加载并显示广告

   <PublisherBanner
       adUnitID={adUnitID}
       onAdLoaded={() => {
           // Ad has loaded
       }}
       onAdFailedToLoad={(error) => {
           console.error('Ad failed to load', error);
       }} />

步骤 4：测试广告交付

1. 使用谷歌的测试广告单元ID进行测试。将"YOUR/AD_UNIT_ID"替换为适当的测试广告单元ID
   • 测试横幅广告：/6499/example/banner
   • 测试插页式广告：/6499/example/interstitial
2. 在测试过程中确保不要使用真实的广告单元ID，以避免投放实时广告。
3. 在模拟器或真实设备上运行您的React Native应用程序以测试广告交付。确保您有活跃的互联网连接。

附加步骤

• 实现GPT广告事件监听器以处理广告生命周期事件，如广告加载、点击等。
• 使用GPT库测试不同的广告格式、尺寸和定位选项。

有关设置Google Publisher Tags（GPT）与React Native的更多详细信息、指南和代码示例，请参阅[react-native-google-ima GitHub仓库](https://github.com/react-native-google-ima/react-native-google-ima)。