Tích hợp Pangle với tính năng Dàn xếp AdMob

Hướng dẫn này cho bạn biết cách sử dụng Google Mobile Ads SDK for React Native để tải và hiển thị quảng cáo từ Pangle bằng tính năng dàn xếp, bao gồm cả các hoạt động tích hợp kiểu thác nước và đặt giá thầu. Tài liệu này trình bày cách thêm Pangle vào cấu hình dàn xếp của một đơn vị quảng cáo, cũng như cách tích hợp SDK và bộ chuyển đổi Pangle vào một ứng dụng React Native.

Các định dạng quảng cáo và công cụ tích hợp được hỗ trợ

Bộ chuyển đổi dàn xếp AdMob cho Pangle có các chức năng sau:

Tích hợp
Đặt giá thầu  1
Thác nước
Định dạng
Mở ứng dụng  2
Biểu ngữ  2
Quảng cáo xen kẽ
Quảng cáo có tặng thưởng
Quảng cáo xen kẽ có tặng thưởng
Mã gốc  2

1 Các nguồn quảng cáo đặt giá thầu hiện có của Pangle bao gồm Pangle Hoa Kỳ, Pangle Hàn Quốc và Pangle Các quốc gia và vùng lãnh thổ khác.

2 Định dạng này không được hỗ trợ cho các nguồn quảng cáo đặt giá thầu sau đây của Pangle: Pangle US.

Điều kiện tiên quyết

  • Phiên bản Google Mobile Ads SDK for React Native mới nhất.
  • [Đối với tính năng đặt giá thầu của Pangle tại Hoa Kỳ]: Sử dụng bộ chuyển đổi Pangle phiên bản Không áp dụng trở lên.
  • Khung React Native phiên bản 0.85.0 trở lên.
  • Để triển khai trên Android
    • Android API cấp 24 trở lên.
  • Cách triển khai trên iOS
    • Mục tiêu triển khai iOS 13.0 trở lên.
  • Một dự án React Native đang hoạt động được định cấu hình bằng Google Mobile Ads SDK for React Native. Hãy xem bài viết Thiết lập Google Mobile Ads SDK for React Native để biết thông tin chi tiết.
  • Thiết lập tính năng Dàn xếp AdMob.

Bước 1: Thiết lập cấu hình trong giao diện người dùng của Pangle

Đăng ký hoặc Đăng nhập vào tài khoản Pangle.

Thêm ứng dụng mới

Chuyển đến thẻ Applications (Ứng dụng) rồi nhấp vào nút Add App (Thêm ứng dụng).

Chọn Hệ điều hành mà bạn muốn tạo ứng dụng, rồi điền vào phần còn lại của biểu mẫu. Sau đó, hãy nhấp vào Gửi.

Android

iOS

Ghi lại Mã ứng dụng của ứng dụng.

Android

iOS

Tạo một vị trí đặt quảng cáo

Sau khi tạo ứng dụng, hãy nhấp vào nút Thêm để tạo vị trí đặt quảng cáo.

Android

iOS

Đặt giá thầu

Chọn Định dạng quảng cáo và Tên vị trí đặt quảng cáo, rồi chọn Đặt giá thầu trong ứng dụng làm Loại giá. Điền thông tin vào phần còn lại của biểu mẫu rồi nhấp vào Gửi.

Sau khi tạo vị trí đặt quảng cáo, hãy ghi lại Mã vị trí đặt quảng cáo.

Android

iOS

Thác nước

Chọn Định dạng quảng cáo và Tên vị trí đặt quảng cáo, rồi chọn CPM toàn cầu làm Loại giá. Điền thông tin vào phần còn lại của biểu mẫu rồi nhấp vào Gửi.

Sau khi tạo vị trí đặt quảng cáo, hãy ghi lại Mã vị trí đặt quảng cáo.

Android

iOS

Tìm khoá API Báo cáo Pangle

Đặt giá thầu

Bạn không cần thực hiện bước này đối với các hoạt động tích hợp đặt giá thầu.

Thác nước

Ghi lại Mã nhận dạng người dùng ở góc dưới cùng bên trái của trang.

Nhấp vào Integrations (Tích hợp) > SDK & API (SDK và API) > Pangle Reporting API 2.0 (API Báo cáo Pangle 2.0). Ghi lại Mã vai trò và Khoá bảo mật.

Cập nhật tệp app-ads.txt

Tệp Authorized Sellers for Apps app-ads.txt là một sáng kiến của IAB Tech Lab giúp đảm bảo rằng khoảng không quảng cáo trong ứng dụng của bạn chỉ được bán thông qua những kênh mà bạn đã xác định là được uỷ quyền. Để tránh mất nhiều doanh thu từ quảng cáo, bạn cần phải triển khai tệp app-ads.txt. Nếu bạn chưa làm, hãy thiết lập tệp app-ads.txt cho ứng dụng của bạn.

Để triển khai app-ads.txt cho Pangle, hãy xem bài viết Cách thêm Pangle vào tệp app-ads.txt.

Bật chế độ thử nghiệm

Làm theo hướng dẫn trong tài liệu Cách thêm quảng cáo thử nghiệm của Pangle để biết cách bật quảng cáo thử nghiệm của Pangle.

Bước 2: Thiết lập nhu cầu của Pangle trong giao diện người dùng AdMob

Định cấu hình chế độ cài đặt dàn xếp cho đơn vị quảng cáo

Android

Để biết hướng dẫn, hãy xem bước 2 trong tài liệu về Android.

iOS

Để biết hướng dẫn, hãy xem bước 2 trong tài liệu về iOS.

Thêm Pangle DSP vào danh sách đối tác quảng cáo theo GDPR và quy định của các bang tại Hoa Kỳ

Hãy làm theo các bước trong phần Chế độ cài đặt theo quy định của Châu Âu và Chế độ cài đặt theo quy định của các bang tại Hoa Kỳ để thêm Pangle DSP vào danh sách đối tác quảng cáo theo quy định của Châu Âu và các bang tại Hoa Kỳ trong giao diện người dùng AdMob.

Bước 3: Nhập SDK và bộ chuyển đổi của Pangle

Trong thư mục gốc của dự án, hãy cài đặt bộ chuyển đổi dàn xếp Google Mobile Ads SDK for React Native cho Pangle. Hãy hoàn tất các bước sau:

  1. Sao chép tệp tar của bộ chuyển đổi Google Mobile Ads SDK for React Native từ thư mục gma-sdk-react-native/adapters/pangle/ vào thư mục local_packages/ của dự án. Nếu bạn không có thư mục adapters, hãy xem phần Điều kiện tiên quyết.

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

    Thay thế EXTRACT_DIR bằng đường dẫn đến thư mục mà bạn đã giải nén tệp lưu trữ.

  2. Cài đặt gói bộ chuyển đổi bằng trình quản lý gói mà bạn muốn:

    npm

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

    chỉ len

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

  3. Nếu bạn đang xây dựng cho Android, hãy thêm kho lưu trữ sau vào tệp build.gradle trong thư mục android của dự án:

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

Bước 4: Triển khai chế độ cài đặt quyền riêng tư trên SDK của Pangle

Để tuân thủ Chính sách về sự đồng ý của người dùng ở Liên minh Châu Âu của Google, bạn phải công bố một số thông tin nhất định cho người dùng ở Khu vực kinh tế Châu Âu (EEA), Vương quốc Anh và Thuỵ Sĩ, đồng thời phải có được sự đồng ý của họ để sử dụng cookie hoặc phương pháp lưu trữ cục bộ khác khi pháp luật yêu cầu, cũng như để thu thập, chia sẻ và sử dụng dữ liệu cá nhân nhằm mục đích cá nhân hoá quảng cáo. Chính sách này thể hiện các yêu cầu của Chỉ thị về quyền riêng tư và truyền thông điện tử của Liên minh Châu Âu và Quy định chung về việc bảo vệ dữ liệu (GDPR). Bạn chịu trách nhiệm xác minh rằng sự đồng ý được truyền đến từng nguồn quảng cáo trong chuỗi dàn xếp của bạn.

Bộ chuyển đổi Pangle React Native phiên bản 0.1.0 trở lên hỗ trợ truyền tín hiệu đồng ý theo GDPR từ UMP SDK và các nền tảng quản lý sự đồng ý tích hợp với Thông số về sự đồng ý bổ sung của Google đến SDK Pangle.

Luật về quyền riêng tư của các tiểu bang ở Hoa Kỳ

Luật về quyền riêng tư của các tiểu bang tại Hoa Kỳ yêu cầu cung cấp cho người dùng quyền từ chối "bán" "thông tin cá nhân" (theo định nghĩa của các thuật ngữ này trong luật) của họ, trong đó quyền từ chối được cung cấp thông qua một đường liên kết nổi bật "Không bán thông tin cá nhân của tôi" trên trang chủ của bên "bán". Hướng dẫn tuân thủ luật về quyền riêng tư của các bang tại Hoa Kỳ cho phép bạn bật chế độ xử lý dữ liệu bị hạn chế cho hoạt động phân phát quảng cáo của Google, nhưng Google không thể áp dụng chế độ cài đặt này cho từng mạng quảng cáo trong chuỗi dàn xếp của bạn. Do đó, bạn phải xác định từng mạng quảng cáo trong chuỗi dàn xếp có thể tham gia vào việc bán thông tin cá nhân và làm theo hướng dẫn của từng mạng đó để đảm bảo tuân thủ quy định.

Mã mẫu sau đây cho thấy cách truyền thông tin về sự đồng ý đến SDK của Pangle. Hãy đặt thông tin về sự đồng ý trước khi bạn khởi động Google Mobile Ads SDK for React Native để đảm bảo thông tin đó được chuyển tiếp đúng cách đến SDK Pangle.

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

PangleMediation.setPAConsent(PanglePAConsentType.CONSENT);

Hãy xem hướng dẫn tích hợp của Pangle để biết thêm thông tin chi tiết và các giá trị có thể được cung cấp trong mỗi phương thức.

Bước 5: Thêm mã bắt buộc

Android

Bạn không cần thêm mã để tích hợp Pangle.

iOS

Tích hợp SKAdNetwork

Làm theo tài liệu của Pangle để thêm giá trị nhận dạng SKAdNetwork vào tệp Info.plist của dự án.

Bước 6: Kiểm thử kết quả triển khai

Bật quảng cáo thử nghiệm

Đảm bảo rằng bạn đăng ký thiết bị thử nghiệm cho AdMob và bật chế độ thử nghiệm trong giao diện người dùng Pangle.

Xác minh quảng cáo thử nghiệm

Để xác minh rằng bạn đang nhận được quảng cáo thử nghiệm từ Pangle, hãy bật thử nghiệm riêng một nguồn quảng cáo trong công cụ kiểm tra quảng cáo bằng (các) nguồn quảng cáo Pangle (Thác nước), SDK Pangle Hoa Kỳ (Đặt giá thầu), SDK Pangle Hàn Quốc (Đặt giá thầu) và SDK Pangle Các quốc gia và vùng lãnh thổ khác (Đặt giá thầu).

Mã lỗi

Nếu bộ chuyển đổi không nhận được quảng cáo từ Pangle, thì nhà xuất bản có thể kiểm tra lỗi cơ bản trong phản hồi quảng cáo bằng ResponseInfo trong các lớp sau:

Android

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

iOS

GADMediationAdapterPangle

Dưới đây là các mã và thông báo đi kèm do bộ chuyển đổi Pangle gửi khi quảng cáo không tải được:

Android

Mã lỗi Miền Lý do
101 com.google.ads.mediation.pangle Thông số máy chủ không hợp lệ (ví dụ: Thiếu mã ứng dụng hoặc mã vị trí đặt quảng cáo).
102 com.google.ads.mediation.pangle Kích thước quảng cáo được yêu cầu không khớp với kích thước biểu ngữ mà Pangle hỗ trợ.
103 com.google.ads.mediation.pangle SDK Pangle không hỗ trợ người dùng là trẻ em.
-1-60000 com.pangle.ads Pangle SDK đã trả về một lỗi. Hãy xem tài liệu của Pangle để biết thêm thông tin chi tiết.

iOS

Mã lỗi Miền Lý do
101 com.google.mediation.pangle Thông số máy chủ không hợp lệ (ví dụ: Thiếu mã ứng dụng hoặc mã vị trí đặt quảng cáo).
102 com.google.mediation.pangle Kích thước quảng cáo được yêu cầu không khớp với kích thước biểu ngữ mà Pangle hỗ trợ.
104 com.google.mediation.pangle SDK Pangle không hỗ trợ người dùng là trẻ em.
-1-60000 Do SDK Pangle gửi Pangle SDK đã trả về một lỗi. Hãy xem tài liệu của Pangle để biết thêm thông tin chi tiết.

Phiên bản 0.1.0

  • Bản phát hành đầu tiên.