整合 Pangle 與 AdMob 中介服務

本指南說明如何使用 Google Mobile Ads SDK for React Native，透過中介服務載入及顯示 Pangle 多媒體廣告，內容涵蓋刊登序列和出價整合。內容涵蓋如何將 Pangle 新增至廣告單元的中介服務設定，以及如何將 Pangle SDK 和轉接程式整合至 React Native 應用程式。

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

Pangle 的 AdMob 中介服務轉接程式具備下列功能：

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

1 可用的 Pangle 出價廣告來源包括 Pangle US、Pangle KR 和 Pangle ROW。

2 下列 Pangle 出價廣告來源不支援這種格式：Pangle US。

必要條件

  • 最新 Google Mobile Ads SDK for React Native 版本。
  • [Pangle 美國出價]：請使用 Pangle 轉接程式 不適用 或更高版本。
  • 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」。
  • 設定 AdMob 中介服務。

步驟 1：在 Pangle UI 中設定

註冊或登入 Pangle 帳戶。

新增應用程式

前往「應用程式」分頁，然後點選「新增應用程式」按鈕。

選取要建立應用程式的「作業系統」，然後填寫表單的其餘項目。然後按一下「提交」。

Android

iOS

記下應用程式 ID。

Android

iOS

建立廣告刊登位置

應用程式建立完畢後，請點選「Add」按鈕，開始建立廣告刊登位置。

Android

iOS

出價

選取「廣告格式」和「廣告刊登位置名稱」，然後在「定價類型」中選取「應用程式內出價」。填寫表單其餘部分，然後按一下「Submit」。

廣告刊登位置建立完畢後，請記下廣告刊登位置 ID。

Android

iOS

瀑布圖

選取「廣告格式」和「廣告刊登位置名稱」，並將「全球千次曝光出價」設為「定價類型」。填妥表單其餘部分，然後按一下「Submit」。

廣告刊登位置建立完畢後，請記下廣告刊登位置 ID。

Android

iOS

找出 Pangle Reporting API 金鑰

出價

整合出價功能時不需要執行這個步驟。

瀑布圖

記下頁面左下角的使用者 ID。

依序點選「Integrations」>「SDK & API」>「Pangle Reporting API 2.0」。記下「Role ID」和「Security Key」。

更新 app-ads.txt

Authorized Sellers for Apps (app-ads.txt) 是美國互動廣告協會科技實驗室 (IAB Tech Lab) 的一項計畫，旨在確保您的應用程式廣告空間僅於您授權的管道出售。為避免廣告收益大幅減少，請務必導入 app-ads.txt 檔案。 如果還未設定應用程式的 app-ads.txt 檔案，請先完成相關作業。

如要為 Pangle 導入 app-ads.txt，請參閱「如何將 Pangle 新增至 app-ads.txt 檔案」一文。

開啟測試模式

請按照 Pangle 的「如何新增測試廣告」指南，啟用 Pangle 測試廣告。

步驟 2：在 AdMob UI 中設定 Pangle 需求

進行廣告單元的中介服務設定

Android

如需操作說明，請參閱 Android 指南中的步驟 2。

iOS

如需操作說明，請參閱 iOS 指南中的步驟 2。

將 Pangle DSP 新增至符合 GDPR 和美國州級法規的廣告合作夥伴名單

請按照歐洲法規設定和美國州級法規設定的步驟，在 AdMob 使用者介面中，將 Pangle DSP 新增至符合歐洲和美國州級法規的廣告合作夥伴名單。

步驟 3：匯入 Pangle SDK 和轉接程式

在專案的根目錄中，安裝 Pangle 的 Google Mobile Ads SDK for React Native 中介服務轉接程式。完成下列步驟：

  1. 將 Google Mobile Ads SDK for React Native 轉接程式 tar 檔案從 gma-sdk-react-native/adapters/pangle/ 目錄複製到專案的 local_packages/ 目錄。如果沒有 adapters 資料夾，請參閱「必要條件」。

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

    將 EXTRACT_DIR 替換為您擷取封存檔的目錄路徑。

  2. 使用偏好的套件管理工具安裝轉接程式套件：

    npm

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

    紗線

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

  3. 如果是建構 Android 應用程式，請在專案 android 目錄的 build.gradle 檔案中，新增下列存放區：

    repositories {
    google()
    mavenCentral()
    maven {
        url = uri("https://artifact.bytedance.com/repository/pangle/")
    }
}

步驟 4：在 Pangle SDK 導入隱私權設定

為遵守 Google 的《歐盟地區使用者同意授權政策》，您必須向歐洲經濟區、英國和瑞士境內的使用者揭露特定資訊，並依法取得他們的同意，才能使用 Cookie 或其他本機儲存空間，以及收集、分享和使用個人資料來提供個人化廣告。本政策是配合《歐盟地區電子通訊隱私指令》和《一般資料保護規則》(GDPR) 而制定。您有責任確認中介服務鏈中的每個廣告來源，皆已採用同意聲明機制。

Pangle React Native 轉接程式 0.1.0 以上版本，支援將 GDPR 同意信號從 UMP SDK 和同意聲明管理平台 (整合 Google 額外同意聲明規格) 傳遞至 Pangle SDK。

美國州級隱私權法律

美國州級隱私權法律規定，使用者有權選擇不採用「銷售」其「個人資訊」(相關字詞定義請參見法律規定)，且「賣方」必須在首頁提供顯眼的「請勿銷售我的個人資訊」連結，以便使用者進行設定。根據美國州級隱私權法律的法規遵循指南，您可以對 Google 廣告放送作業啟用「受限的資料處理」模式，但 Google 無法將這項設定套用至中介服務鏈的每個廣告聯播網。因此，如果中介服務鏈中有任何廣告聯播網可能販售個人資訊，請務必找出所有這類聯播網，並遵循各自適用的指引，確保符合相關法規。

以下程式碼範例說明如何將同意聲明資訊傳遞至 Pangle SDK。請先設定同意聲明資訊，再初始化 Google Mobile Ads SDK for React Native，確保資料能正確轉送至 Pangle SDK。

import {
  PangleMediation,
  PanglePAConsentType,
} from '@google/gma-mediation-pangle';
// ...

PangleMediation.setPAConsent(PanglePAConsentType.CONSENT);

如需更多詳細資料及各方法可使用的值，請參閱 Pangle 的整合指南。

步驟 5：新增必要程式碼

Android

整合 Pangle 不需要額外程式碼。

iOS

整合 SKAdNetwork

請按照 Pangle 的說明文件，將 SKAdNetwork ID 新增至專案的 Info.plist 檔案。

步驟 6：測試導入成果

啟用測試廣告

請務必註冊 AdMob 測試裝置，並在 Pangle UI 中啟用測試模式。

驗證測試廣告

如要確認您是否收到 Pangle 的測試廣告，請使用「Pangle (刊登序列)」、「Pangle US SDK (出價)」、「Pangle KR SDK (出價)」和「Pangle ROW SDK (出價)」廣告來源，在廣告檢查器中啟用單一廣告來源測試。

錯誤代碼

如果轉接程式無法從 Pangle 接收廣告，發布商可以使用下列類別的 ResponseInfo，檢查廣告回應中的根本錯誤：

Android

com.pangle.ads
com.google.ads.mediation.pangle.PangleMediationAdapter

iOS

GADMediationAdapterPangle

以下是廣告無法載入時，Pangle 轉接程式擲回的代碼和隨附訊息：

Android

錯誤代碼 網域 原因
101 com.google.ads.mediation.pangle 伺服器參數無效 (例如缺少應用程式 ID 或刊登位置 ID)。
102 com.google.ads.mediation.pangle 請求的廣告大小不符合 Pangle 支援的橫幅大小。
103 com.google.ads.mediation.pangle Pangle SDK 不支援兒童使用者。
-1-60000 com.pangle.ads Pangle SDK 傳回錯誤。詳情請參閱 Pangle 的說明文件。

iOS

錯誤代碼 網域 原因
101 com.google.mediation.pangle 伺服器參數無效 (例如缺少應用程式 ID 或刊登位置 ID)。
102 com.google.mediation.pangle 請求的廣告大小不符合 Pangle 支援的橫幅大小。
104 com.google.mediation.pangle Pangle SDK 不支援兒童使用者。
-1-60000 由 Pangle SDK 傳送 Pangle SDK 傳回錯誤。詳情請參閱 Pangle 的說明文件。

0.1.0 版

  • 第 1 版。