整合 maio 與 AdMob 中介服務

本指南說明如何使用 Google Mobile Ads SDK for React Native，透過中介服務載入及顯示 maio 廣告，也會介紹刊登序列整合作業，內容涵蓋如何將 maio 加到廣告單元的中介服務設定，以及如何將 maio SDK 和轉接程式整合至 React Native 原生應用程式。

maio 資訊主頁介面的標籤、按鈕和說明均為日文，因此本指南中的螢幕截圖未經翻譯，不過，在說明和操作指引中，則以英文指稱相應標籤和按鈕，比如「URL Scheme」是指「網址配置」。

支援的整合項目和廣告格式

maio 中介服務轉接程式具備下列功能：

整合
出價
刊登序列
格式
開啟應用程式
橫幅廣告
插頁式廣告
獎勵廣告
插頁式獎勵廣告
原生

必要條件

繼續操作前，請確認下列事項：

步驟 1：在 maio 使用者介面設定

請先註冊或登入 maio 帳戶，接著按一下左側欄的「Application management」按鈕，再點選「New app」。

依所需的廣告類型選取對應分頁。

插頁式廣告

輸入應用程式的名稱，選取平台並提供應用程式網址。將廣告類型設為「Video interstitial」，然後按一下「Update」。

Android

iOS

已獲得獎勵

輸入應用程式的名稱，選取平台並提供應用程式網址。將廣告類型設為「Video Rewards」，然後按一下「Update」。

Android

iOS

前往「Application Management」頁面記下媒體 ID (Media ID)，下一節設定 AdMob 廣告單元時會用到。

Android

iOS

前往「Zone Management」頁面記下區域 ID，下一節設定 AdMob 廣告單元時也會用到這項資料。

Android

iOS

(僅限刊登序列) 除了媒體 ID 和區域 ID，設定用於中介服務的廣告單元 ID 時，也需要 API ID 和 API 金鑰。請前往「Reporting API」頁面，記下「API ID」和「API 金鑰」。

步驟 2：在 AdMob UI 中設定 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 ID 新增至專案的 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 用於載入廣告的 context 不是「Activity」執行個體。

iOS

錯誤代碼 原因
0-10 maio 傳回與 SDK 相關的錯誤，詳見 maio 的程式碼。
101 maio 目前沒有可用廣告。
102 伺服器參數無效 (例如缺少刊登位置 ID)。
103 maio 轉接程式不支援所請求的廣告格式。
104 這個聯播網設定已載入廣告。

0.1.0 版

  • 第 1 版。