本指南說明如何使用 Google Mobile Ads SDK for React Native,透過中介服務載入及顯示 Liftoff Monetize 廣告,包括出價和刊登序列整合。內容涵蓋如何將 Liftoff Monetize 新增至廣告單元的中介服務設定,以及如何將 Liftoff Monetize SDK 和轉接程式整合至 React Native 原生應用程式。
支援的整合項目和廣告格式
| 整合 | |
|---|---|
| 出價 | |
| 刊登序列 | |
| 格式 | |
| 開啟應用程式 | |
| 橫幅廣告 | |
| 插頁式廣告 | |
| 獎勵廣告 | |
| 插頁式獎勵廣告 | |
| 原生 | |
必要條件
繼續操作前,請確認下列事項:
- 最新 Google Mobile Ads SDK for React Native 版本。
- React Native 架構 0.85.0 以上版本。
- 如要在 Android 上部署
- Android API 級別 24 以上。
- 如要在 iOS 上部署
- 部署目標為 iOS 13.0 以上版本。
- 已設定 Google Mobile Ads SDK for React Native 的有效 React Native 專案。詳情請參閱「設定 Google Mobile Ads SDK for React Native」。
- 請確認您已從
gma-sdk-react-native資料夾下載並解壓縮adapters資料夾。如果沒有adapters資料夾,請按照「安裝 Google Mobile Ads SDK for React Native」中的步驟一、二和三操作。
- 請確認您已從
- 設定 AdMob 中介服務。
步驟 1:在 Liftoff Monetize 使用者介面設定
按一下「Add Application」按鈕,將應用程式新增至 Liftoff Monetize 資訊主頁。

填寫表單,輸入所有必要詳細資料。
Android

iOS

建立應用程式後,請在 Liftoff Monetize 應用程式資訊主頁中選取該應用程式。
Android

iOS

記下應用程式 ID。
Android

iOS

新增刊登位置
如要建立新的刊登位置,用於 AdMob 中介服務,請前往 Liftoff Monetize 刊登位置資訊主頁,按一下「Add Placement」按鈕,然後從下拉式清單中選取應用程式。

新增刊登位置的詳細步驟如下:
開啟應用程式
選取「Interstitial」,然後輸入刊登位置名稱。然後,在「Skippable」部分選取「Yes」,並填寫表單的其餘部分。[僅限出價] 在「營利」下方,將「應用程式內出價」切換鈕設為「啟用」。按一下頁面底部的「Continue」(繼續) 按鈕,建立刊登位置。

橫幅廣告
選取「橫幅」,輸入刊登位置名稱,並填寫表單的其餘部分。[僅限出價] 在「營利」下方,將「應用程式內出價」切換鈕設為「啟用」。按一下頁面底部的「Continue」(繼續) 按鈕,建立刊登位置。

300x250 橫幅廣告
選取「MREC」,輸入刊登位置名稱,然後填寫表單的其餘部分。[僅限出價] 在「營利」下方,將「應用程式內出價」切換鈕設為「啟用」。按一下頁面底部的「Continue」(繼續) 按鈕,建立刊登位置。

插頁式廣告
選取「插頁式」,輸入刊登位置名稱,然後填寫表單的其餘部分。[僅限出價] 在「營利」下方,將「應用程式內出價」切換鈕設為「啟用」。按一下頁面底部的「Continue」(繼續) 按鈕,建立刊登位置。

已獲得獎勵
選取「Rewarded」,輸入刊登位置名稱,並填寫表單的其餘部分。[僅限出價] 在「營利」下方,將「應用程式內出價」切換鈕設為「啟用」。按一下頁面底部的「Continue」(繼續) 按鈕,建立刊登位置。

插頁式獎勵廣告
選取「獎勵」。輸入刊登位置名稱,啟用「Skippable」,並填寫表單的其餘部分。[僅限出價] 在「營利」下方,將「應用程式內出價」切換鈕設為「啟用」。按一下頁面底部的「Continue」(繼續) 按鈕,建立刊登位置。

原生
選取「原生」,輸入刊登位置名稱,並填寫表單的其餘部分。[僅限出價] 在「營利」下方,將「應用程式內出價」切換鈕設為「啟用」。按一下頁面底部的「Continue」(繼續) 按鈕,建立刊登位置。

記下參考 ID,然後點選「Sounds Good」。
開啟應用程式

橫幅廣告

300x250 橫幅廣告

插頁式廣告

獎勵廣告

插頁式獎勵廣告

原生

找出 Reporting API 金鑰
出價
整合出價功能時不需要執行這個步驟。
瀑布圖
除了應用程式 ID 和參考 ID,您還需要 Liftoff Monetize 的報表 API 金鑰,才能設定 AdMob 廣告單元 ID。前往 Liftoff Monetize 報表資訊主頁,然後點按「Reporting API Key」按鈕,即可查看 Reporting API 金鑰。

更新 app-ads.txt
Authorized Sellers for Apps (app-ads.txt) 是美國互動廣告協會科技實驗室 (IAB Tech Lab) 的一項計畫,旨在確保您的應用程式廣告空間僅於您授權的管道出售。為避免廣告收益大幅減少,請務必導入 app-ads.txt 檔案。
如果還未設定應用程式的 app-ads.txt 檔案,請先完成相關作業。
如要為 Liftoff Monetize 導入 app-ads.txt,請下載 Liftoff Monetize 的 app-ads.txt 項目,並附加至現有的 app-ads.txt 檔案。詳情請參閱 app-ads.txt。
開啟測試模式
如要啟用測試廣告,請前往 Liftoff Monetize 資訊主頁,然後前往「Applications」。
在應用程式的「Placement Reference ID」部分,選取要啟用測試廣告的應用程式。在「Status」部分,將「Test Mode」設為「Show test ads only」,即可啟用測試廣告。
Android

iOS

步驟 2:在 AdMob UI 中設定 Liftoff Monetize 需求
進行廣告單元的中介服務設定
將 Liftoff 新增至符合 GDPR 和美國州級法規的廣告合作夥伴名單
請按照歐洲法規設定和美國州級法規設定的相關步驟,在 AdMob UI 中,將 Liftoff 加到歐盟和美國州級法規的廣告合作夥伴名單。
步驟 3:匯入 Liftoff Monetize SDK 和轉接程式
在專案的根目錄中,安裝 Liftoff Monetize 的 Google Mobile Ads SDK for React Native 中介服務轉接程式。完成下列步驟:
將 Google Mobile Ads SDK for React Native 轉接程式 tar 檔案從
gma-sdk-react-native/adapters/liftoff-monetize/目錄複製到專案的local_packages/目錄。如果沒有adapters資料夾,請參閱「必要條件」。mkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/liftoff-monetize/gma-mediation-liftoffmonetize-0.1.0.tgz local_packages/將 EXTRACT_DIR 替換為您擷取封存檔的目錄路徑。
使用偏好的套件管理工具安裝轉接程式套件:
npm
npm install ./local_packages/gma-mediation-liftoffmonetize-0.1.0.tgz紗線
yarn add ./local_packages/gma-mediation-liftoffmonetize-0.1.0.tgz
步驟 4:在 Liftoff Monetize SDK 導入隱私權設定
歐盟地區同意授權和 GDPR
為遵守 Google 的《歐盟地區使用者同意授權政策》,您必須向歐洲經濟區、英國和瑞士境內的使用者揭露特定資訊,並依法取得他們的同意,才能使用 Cookie 或其他本機儲存空間,以及收集、分享和使用個人資料來提供個人化廣告。本政策是配合《歐盟地區電子通訊隱私指令》和《一般資料保護規則》(GDPR) 而制定。您有責任確認中介服務鏈中的每個廣告來源,皆已採用同意聲明機制。
Liftoff Monetize React Native 轉接程式不適用版本和更新版本,支援將 GDPR 同意信號從與 IAB 資訊公開和同意聲明架構 (TCF) 整合的同意聲明管理平台,傳遞至 Liftoff Monetize SDK。詳情請參閱 Android 和 iOS 的 GDPR 建議導入操作說明。
美國州級隱私權法律
美國州級隱私權法律規定,使用者有權選擇不採用「銷售」其「個人資訊」(相關字詞定義請參見法律規定),且「賣方」必須在首頁提供顯眼的「請勿銷售我的個人資訊」連結,以便使用者進行設定。根據美國州級隱私權法律的法規遵循指南,您可以對 Google 廣告放送作業啟用「受限的資料處理」模式,但 Google 無法將這項設定套用至中介服務鏈的每個廣告聯播網。因此,如果中介服務鏈中有任何廣告聯播網可能販售個人資訊,請務必找出所有這類聯播網,並遵循各自適用的指引,確保符合相關法規。
下列程式碼範例說明如何手動將同意聲明資訊傳遞至 Liftoff Monetize 轉接程式:
import { LiftoffMonetizeMediation } from '@google/gma-mediation-liftoffmonetize';
// ...
LiftoffMonetizeMediation.setCCPAStatus({ optedIn: true });
如需更多資訊及方法中可用的值,請參閱 CCPA 建議的 Android 和 iOS 導入操作說明。
步驟 5:新增必要程式碼
僅適用於搭載 Android
整合 Liftoff Monetize 不需要額外程式碼。
iOS
整合 SKAdNetwork
請按照 Liftoff Monetize 的說明文件,將 SKAdNetwork ID 新增至專案的 Info.plist 檔案。
步驟 6:測試導入成果
啟用測試廣告
請務必註冊 AdMob 測試裝置,並在 Liftoff Monetize UI 中啟用測試模式。
驗證測試廣告
如要確認您是否收到 Liftoff Monetize 的測試廣告,請使用「Liftoff Monetize (出價)」和「Liftoff Monetize (刊登序列)」廣告來源,在廣告檢查器中啟用單一廣告來源測試。
錯誤代碼
如果轉接程式無法從 Liftoff Monetize 接收廣告,發布商可以使用下列類別的 ResponseInfo,檢查廣告回應中的根本錯誤:
Android
| 格式 | 類別名稱 |
|---|---|
| 應用程式開啟頁面廣告 (出價) | com.google.ads.mediation.vungle.VungleMediationAdapter |
| 應用程式開啟頁面廣告 (刊登序列) | com.google.ads.mediation.vungle.VungleMediationAdapter |
| 橫幅廣告 (出價) | com.google.ads.mediation.vungle.VungleMediationAdapter |
| 橫幅廣告 (刊登序列) | com.vungle.mediation.VungleInterstitialAdapter |
| 插頁式廣告 (出價) | com.google.ads.mediation.vungle.VungleMediationAdapter |
| 插頁式廣告 (刊登序列) | com.vungle.mediation.VungleInterstitialAdapter |
| 獎勵廣告 (出價) | com.google.ads.mediation.vungle.VungleMediationAdapter |
| 獎勵廣告 (刊登序列) | com.vungle.mediation.VungleAdapter |
| 插頁式獎勵廣告 (出價) | com.google.ads.mediation.vungle.VungleMediationAdapter |
| 插頁式獎勵廣告 (刊登序列) | com.google.ads.mediation.vungle.VungleMediationAdapter |
iOS
| 格式 | 類別名稱 |
|---|---|
| 應用程式開啟頁面廣告 (出價) | GADMediationAdapterVungle |
| 應用程式開啟頁面廣告 (刊登序列) | GADMediationAdapterVungle |
| 橫幅廣告 (出價) | GADMediationAdapterVungle |
| 橫幅廣告 (刊登序列) | GADMAdapterVungleInterstitial |
| 插頁式廣告 (出價) | GADMediationAdapterVungle |
| 插頁式廣告 (刊登序列) | GADMAdapterVungleInterstitial |
| 獎勵廣告 (出價) | GADMediationAdapterVungle |
| 獎勵廣告 (刊登序列) | GADMAdapterVungleRewardBasedVideoAd |
| 插頁式獎勵廣告 (出價) | GADMediationAdapterVungle |
| 插頁式獎勵廣告 (刊登序列) | GADMediationAdapterVungle |
以下是廣告無法載入時,Liftoff Monetize 轉接程式擲回的代碼和對應訊息:
Android
| 錯誤代碼 | 原因 |
|---|---|
| 101 | 伺服器參數無效 (例如應用程式 ID 或刊登位置 ID)。 |
| 102 | 請求的橫幅大小未對應至有效的 Liftoff Monetize 廣告大小。 |
| 103 | Liftoff Monetize 需要 Activity 結構定義才能請求廣告。 |
| 104 | Vungle SDK 無法為同一個刊登位置 ID 載入多則廣告。 |
| 105 | 無法初始化 Vungle SDK。 |
| 106 | Vungle SDK 傳回成功載入回呼,但 Banners.getBanner() 或 Vungle.getNativeAd() 傳回空值。 |
| 107 | Vungle SDK 尚未準備就緒,無法播放廣告。 |
| 108 | Vungle SDK 傳回無效的出價權杖。 |
iOS
| 錯誤代碼 | 原因 |
|---|---|
| 101 | 伺服器參數無效 (例如應用程式 ID 或刊登位置 ID)。 |
| 102 | 這個聯播網設定已載入廣告。Vungle SDK 無法為同一個刊登位置 ID 載入第二則廣告。 |
| 103 | 請求的廣告大小不符合 Liftoff Monetize 支援的橫幅大小。 |
| 104 | Vungle SDK 無法顯示橫幅廣告。 |
| 105 | 無論刊登位置 ID 為何,Vungle SDK 一次只能載入 1 則橫幅廣告。 |
| 106 | Vungle SDK 傳送回呼,表示廣告無法播放。 |
| 107 | Vungle SDK 尚未準備就緒,無法播放廣告。 |
如果是 Vungle SDK 造成的錯誤,請參閱「錯誤代碼:Vungle SDK for iOS and Android」。
0.1.0 版
- 第 1 版。
- 支援 Liftoff Monetize Android 轉接程式 7.7.8.1 版。
- 支援 Liftoff Monetize iOS 轉接程式 7.7.7.0 版。
- 使用 Google Mobile Ads React Native 外掛程式 0.1.0 版建構及測試。