将 maio 与 AdMob 中介集成

本指南介绍了如何使用 Google Mobile Ads SDK for React Native 通过中介加载和展示来自 maio 的广告，其中涵盖了瀑布流集成。其中介绍了如何将 maio 添加到广告单元的中介配置，以及如何将 maio SDK 和适配器集成到 React Native 原生应用中。

maio 的信息中心界面使用日语文本作为标签、按钮和说明，本指南中的屏幕截图未翻译。不过，在本文的说明和操作指南中，标签和按钮均使用其英文等效名称。例如，“URL スキーム”表示“网址协议”。

支持的集成和广告格式

maio 的中介适配器具有以下功能：

集成
出价
瀑布流
格式
开屏广告
横幅广告
插页式广告
已获得奖励
插页式激励广告
原生

前提条件

在继续操作之前，请验证以下事项：

  • 最新 Google Mobile Ads SDK for React Native 版本。
  • React Native 框架 0.85.0 版或更高版本。
  • 如需在 Android 上部署，则要求：
    • Android API 级别 24 或更高级别。
  • 如需在 iOS 上部署，则要求：
    • iOS 部署目标版本为 15.0 或更高版本。
  • 已配置 Google Mobile Ads SDK for React Native 的 React Native 项目，该项目应正常运行。 如需了解详情，请参阅设置 Google Mobile Ads SDK for React Native。
  • 设置 AdMob 中介。

第 1 步：在 maio 界面中设置配置

首先，注册或登录您的 maio 账号。点击左侧边栏中的应用管理按钮，然后点击新应用。

选择与您首选的广告类型对应的标签页。

插页式广告

输入应用的名称，选择平台，然后提供应用网址。选择视频插页式广告作为广告类型，然后点击更新。

Android

iOS

已获得奖励

输入应用的名称，选择平台，然后提供应用网址。选择视频激励广告作为广告类型，然后点击更新。

Android

iOS

在应用管理页面中，记下媒体 ID。在下一部分中设置 AdMob 广告单元时，您需要用到此 ID。

Android

iOS

在区域管理页面中，记下区域 ID。在下一部分中设置 AdMob 广告单元时，也需要用到此 ID。

Android

iOS

（仅限瀑布流）除了媒体 ID 和区域 ID 之外，您还需要 API ID 和 API 密钥，才能设置用于中介的广告单元 ID。在 Reporting API（报告 API）页面中，记下 API ID 和 API KEY（API 密钥）。

第 2 步：在 AdMob 界面中设置 maio 需求

为广告单元配置中介设置

Android

如需查看相关说明，请参阅 Android 指南中的第 2 步。

iOS

如需查看相关说明，请参阅 iOS 指南中的第 2 步。

第 3 步：导入 maio SDK 和适配器

在项目的根目录中，安装适用于 maio 的 Google Mobile Ads SDK for React Native 中介适配器。 请完成以下操作：

  1. 将 Google Mobile Ads SDK for React Native 适配器 tar 文件从 gma-sdk-react-native/adapters/maio/ 目录复制到项目的 local_packages/ 目录中。如果您没有 adapters 文件夹，请参阅前提条件。

    mkdir -p local_packages
cp EXTRACT_DIR/gma-sdk-react-native/adapters/maio/gma-mediation-maio-0.1.0.tgz local_packages/

    将 EXTRACT_DIR 替换为解压缩归档文件的目录的路径。

  2. 使用您首选的软件包管理器安装适配器软件包：

    npm

    npm install ./local_packages/gma-mediation-maio-0.1.0.tgz

    纱线

    yarn add ./local_packages/gma-mediation-maio-0.1.0.tgz

  3. 如果您要针对 Android 进行构建，请将以下代码库添加到项目 android 目录中的 build.gradle 文件：

    repositories {
    google()
    mavenCentral()
    maven {
        url = uri("https://imobile-maio.github.io/maven")
    }
}

第 4 步：添加必需的代码

Android

maio 集成不需要其他代码。

iOS

SKAdNetwork 集成

按照 maio 的文档中的说明，将 SKAdNetwork 标识符添加到项目的 Info.plist 文件中。

第 5 步：测试您的实现

启用测试广告

确保针对 AdMob 注册测试设备。

使用 Google Mobile Ads SDK for React Native 7.26.0 或更高版本的发布商在发出请求时，会自动在注册为测试设备的手机和平板电脑上收到来自 maio 的测试广告。

验证测试广告

若要验证您是否能收到来自 maio 的测试广告，请在广告检查器中启用单个广告来源测试，并选择 maio（瀑布流）作为广告来源。

错误代码

如果适配器未能收到来自 maio 的广告，发布商可以使用 ResponseInfo 来检查广告响应中归属于以下类的底层错误：

Android

格式 类名称
插页式广告 jp.maio.sdk.android.mediation.admob.adapter.Interstitial
已获得奖励 jp.maio.sdk.android.mediation.admob.adapter.Rewarded

iOS

格式 类名称
插页式广告 GADMMaioInterstitialAdapter
已获得奖励 GADMMaioRewardedAdapter

以下是当广告加载失败时，maio 适配器会抛出的代码和随附的消息：

Android

错误代码 原因
0-10 maio 返回了 SDK 专属错误。如需了解详情，请参阅代码和 maio 的文档。
101 Maio 没有可用的广告。
102 服务器参数无效（例如缺少展示位置 ID）。
103 用于加载广告的上下文不是“Activity”实例。

iOS

错误代码 原因
0-10 maio 返回了 SDK 专属错误。如需了解详情，请参阅 maio 的代码。
101 maio 尚无可用广告。
102 服务器参数无效（例如缺少展示位置 ID）。
103 maio 适配器不支持所请求的广告格式。
104 此广告网络配置已加载广告。

版本 0.1.0

  • 初始版本。