Hướng dẫn này cho bạn biết cách sử dụng SDK quảng cáo trên thiết bị di động của Google để 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ả việc tích hợp cả quy trình dàn xếp kiểu thác nước và tính năng đặ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 và cách tích hợp SDK Pangle và bộ chuyển đổi vào ứng dụng Flutter .
Các định dạng quảng cáo và công cụ tích hợp được hỗ trợ
Bộ điều hợp dàn xếp AdMob cho Pangle có các chức năng sau:
Tích hợp | |
---|---|
Đặt giá thầu | |
Thác nước | |
Định dạng | |
Biểu ngữ | |
Quảng cáo xen kẽ | |
Được thưởng | |
Quảng cáo xen kẽ có tặng thưởng | |
Mã gốc |
Yêu cầu
- SDK Quảng cáo của Google trên thiết bị di động mới nhất
- Flutter 3.7.0 trở lên
- [Đối với tính năng đặt giá thầu]: Để tích hợp tất cả định dạng quảng cáo được hỗ trợ trong tính năng đặt giá thầu, hãy sử dụng trình bổ trợ dàn xếp Quảng cáo của Google trên thiết bị di động cho Pangle phiên bản 2.4.0 trở lên (nên dùng phiên bản mới nhất)
- Cách triển khai trên Android
- API Android cấp 21 trở lên
- Cách triển khai trên iOS
- Mục tiêu triển khai iOS là 12.0 trở lên
- Một dự án Flutter đang hoạt động được định cấu hình bằng SDK quảng cáo của Google trên thiết bị di động. Hãy xem phần Bắt đầu để biết thông tin chi tiết.
- Xem hết Hướng dẫn bắt đầu sử dụng về tính năng dàn xếp
Bước 1: Thiết lập cấu hình trong giao diện người dùng Pangle
Đăng ký hoặc Đăng nhập vào tài khoản Pangle của bạn.
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 và điền 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 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, đồng thời chọn CPM chung 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ước này không bắt buộc đối với các công cụ 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.
Bật chế độ thử nghiệm
Làm theo hướng dẫn trong phần Cách thêm quảng cáo thử nghiệm của Pangle về cách bật quảng cáo thử nghiệm của Pangle.
Bước 2: Thiết lập nhu cầu 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 hướng dẫn dành cho Android.
iOS
Để biết hướng dẫn, hãy xem bước 2 trong hướng dẫn dành cho iOS.
Bước 3: Nhập SDK và bộ chuyển đổi Pangle
Tích hợp thông qua pub.dev
(Chỉ dành cho Android) Thêm các kho lưu trữ sau vào tệp build.gradle
bên trong thư mục android
của dự án:
repositories {
google()
mavenCentral()
maven {
url = uri("https://artifact.bytedance.com/repository/pangle/")
}
}
Thêm phần phụ thuộc sau đây với các phiên bản mới nhất của SDK và bộ chuyển đổi Pangle trong tệp pubspec.yaml
của gói:
dependencies:
gma_mediation_pangle: ^1.0.0
Tích hợp thủ công
Tải trình bổ trợ dàn xếp Quảng cáo trên thiết bị di động của Google phiên bản mới nhất xuống cho Pangle, giải nén tệp đã tải xuống rồi thêm thư mục trình bổ trợ đã giải nén (và nội dung của thư mục đó) vào dự án Flutter. Sau đó, tham chiếu trình bổ trợ trong tệp pubspec.yaml
bằng cách thêm phần phụ thuộc sau:
dependencies:
gma_mediation_pangle:
path: path/to/local/package
Bước 4: Thêm mã bắt buộc
Android
Bạn không cần phải 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 5: Kiểm thử quá trình triển khai
Bật quảng cáo thử nghiệm
Hãy nhớ đă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 tính năng thử nghiệm một nguồn quảng cáo trong công cụ kiểm tra quảng cáo bằng cách sử dụng (các) nguồn quảng cáo Pangle (Đặt giá thầu) và Pangle(Thác nước).
Mã lỗi
Nếu trình chuyển đổi không nhận được quảng cáo từ Pangle, nhà xuất bản có thể kiểm tra lỗi cơ bản từ phản hồi quảng cáo bằng cách sử dụ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 trình chuyển đổi Pangle gửi khi quảng cáo không tải được:
Android
Mã lỗi | Lâu đài | Lý do |
---|---|---|
101 | com.google.ads.mediation.pangle | Tham số máy chủ không hợp lệ (ví dụ: Thiếu mã ứng dụng hoặc mã vị trí). |
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ữ được Pangle hỗ trợ. |
103 | com.google.ads.mediation.pangle | Phản hồi giá thầu bị thiếu hoặc không hợp lệ. |
-1-60000 | com.pangle.ads | SDK Pangle trả về 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 | Lâu đài | Lý do |
---|---|---|
101 | com.google.ads.mediation.pangle | Tham số máy chủ không hợp lệ (ví dụ: Thiếu mã ứng dụng hoặc mã vị trí). |
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ữ được Pangle hỗ trợ. |
-1-60000 | Do SDK Pangle gửi | SDK Pangle trả về lỗi. Hãy xem tài liệu của Pangle để biết thêm thông tin chi tiết. |
Nhật ký thay đổi của Bộ chuyển đổi dàn xếp Pangle Flutter
Phiên bản tiếp theo
- Được tạo và kiểm thử bằng Trình bổ trợ Flutter dành cho Quảng cáo trên thiết bị di động của Google phiên bản 5.2.0.
2.0.0
- Xác minh khả năng tương thích với bộ chuyển đổi Android Pangle phiên bản 6.1.0.9.0.
- Xác minh khả năng tương thích với trình chuyển đổi Pangle iOS phiên bản 6.2.0.5.0.
- Được tạo và kiểm thử bằng Trình bổ trợ Flutter dành cho Quảng cáo trên thiết bị di động của Google phiên bản 5.1.0.
1.1.0
- Xác minh khả năng tương thích với trình chuyển đổi Android Pangle phiên bản 5.9.0.4.0.
- Xác minh khả năng tương thích với bộ chuyển đổi Pangle iOS phiên bản 5.9.0.7.0.
- Được tạo và kiểm thử bằng Trình bổ trợ Flutter dành cho Quảng cáo trên thiết bị di động của Google phiên bản 5.1.0.
1.0.0
- Bản phát hành đầu tiên.
- Xác minh khả năng tương thích với bộ chuyển đổi Android Pangle phiên bản 5.8.0.9.0
- Xác minh khả năng tương thích với trình chuyển đổi Pangle iOS phiên bản 5.8.0.8.0
- Được tạo và kiểm thử bằng Trình bổ trợ Flutter dành cho quảng cáo trên thiết bị di động của Google phiên bản 5.0.0.