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ừ i-mobile bằng tính năng dàn xếp, bao gồm cả các hoạt động tích hợp theo kiểu thác nước. Tài liệu này trình bày cách thêm i-mobile 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 i-mobile vào một ứng dụng React Native.
Giao diện trang tổng quan của i-mobile sử dụng văn bản tiếng Nhật cho các nhãn, nút và nội dung mô tả. Ảnh chụp màn hình trong hướng dẫn này chưa được dịch. Tuy nhiên, trong phần mô tả và hướng dẫn của tài liệu này, các nhãn và nút được dịch kèm theo từ tương đương bằng tiếng Anh trong ngoặc đơn.
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 i-mobile có các chức năng sau:
| Tích hợp | |
|---|---|
| Đặt giá thầu | |
| Thác nước | |
| Định dạng | |
| Mở ứng dụng | |
| Biểu ngữ | |
| 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 | |
Điều kiện tiên quyết
Trước khi tiếp tục, hãy xác minh những thông tin sau:
- Phiên bản Google Mobile Ads SDK for React Native mới nhất.
- 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.
- Đảm bảo rằng bạn đã tải xuống và giải nén thư mục
adapterstừ thư mụcgma-sdk-react-native. Nếu bạn không có thư mụcadapters, hãy làm theo các bước 1, 2 và 3 trong phần Cài đặt Google Mobile Ads SDK for React Native.
- Đảm bảo rằng bạn đã tải xuống và giải nén thư mục
- 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 i-mobile
Đăng ký hoặc đăng nhập vào tài khoản i-mobile.
Thêm ứng dụng của bạn vào trang tổng quan i-mobile bằng cách nhấp vào thẻ サイト/アプリ管理 (Quản lý trang web/ứng dụng) và nút cho nền tảng của ứng dụng.
Android

iOS

Điền thông tin vào biểu mẫu rồi nhấp vào nút 新規登録 (Đăng ký).
Android

iOS

Để tạo một Vị trí quảng cáo mới, hãy chọn ứng dụng của bạn trong thẻ サイト/アプリ管理 (Quản lý trang web/ứng dụng).
Android

iOS

Chuyển đến thẻ 広告スポット管理 (Quản lý vị trí quảng cáo) rồi nhấp vào nút 新規広告スポット (Vị trí quảng cáo mới).
Tiếp theo, hãy điền vào biểu mẫu bằng cách cung cấp 広告スポット名 (Tên vị trí quảng cáo), 広告スポットサイズ (Kích thước vị trí quảng cáo) và các thông tin chi tiết khác. Sau đó, nhấp vào nút 新規登録 (Đăng ký).
Vị trí quảng cáo mới của bạn đã sẵn sàng. Để xem thông tin chi tiết về việc tích hợp, hãy nhấp vào nút アプリ設定取得 (Lấy chế độ cài đặt ứng dụng).
Ghi lại パブリッシャーID (Mã nhà xuất bản), メディアID (Mã nhận dạng nội dung đa phương tiện) và スポットID (Mã vị trí). Bạn sẽ cần các tham số này sau khi định cấu hình i-mobile cho tính năng dàn xếp trong giao diện người dùng AdMob.
Android

iOS

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 i-mobile, hãy xem phần Câu hỏi thường gặp của họ.
Bước 2: Thiết lập nhu cầu của i-mobile 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.
Bước 3: Nhập SDK và bộ chuyển đổi i-mobile
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 i-mobile. Hãy hoàn tất các bước sau:
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/imobile/vào thư mụclocal_packages/của dự án. Nếu bạn không có thư mụcadapters, 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/imobile/gma-mediation-imobile-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ữ.
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-imobile-0.1.0.tgzchỉ len
yarn add ./local_packages/gma-mediation-imobile-0.1.0.tgzNếu bạn đang xây dựng cho Android, hãy thêm kho lưu trữ sau vào tệp
build.gradletrong thư mụcandroidcủa dự án:repositories { google() mavenCentral() maven { url = uri("https://imobile.github.io/adnw-sdk-android") } }
Bước 4: Mã bổ sung bắt buộc
Android
Bạn không cần thêm mã nào khác để tích hợp i-mobile.
iOS
Tích hợp SKAdNetwork
Làm theo tài liệu của i-mobile để 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ử 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. i-mobile cung cấp Mã vị trí, Mã nội dung nghe nhìn và Mã nhà xuất bản thử nghiệm để bạn thử nghiệm. Bạn có thể tìm thấy các mã này tại đây.
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ừ i-mobile, hãy bật tính năng 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 i-mobile (Thác nước).
Mã lỗi
Nếu bộ chuyển đổi không nhận được quảng cáo từ i-mobile, 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
| Định dạng | Tên lớp |
|---|---|
| Biểu ngữ | com.google.ads.mediation.imobile.IMobileAdapter |
| Quảng cáo xen kẽ | com.google.ads.mediation.imobile.IMobileAdapter |
| Mã gốc | com.google.ads.mediation.imobile.IMobileMediationAdapter |
iOS
| Định dạng | Tên lớp |
|---|---|
| Biểu ngữ | IMobileAdapter |
| Quảng cáo xen kẽ | IMobileAdapter |
| Mã gốc | GADMediationAdapterIMobile |
Dưới đây là các mã và thông báo đi kèm do bộ chuyển đổi i-mobile gửi khi quảng cáo không tải được:
Android
| Mã lỗi | Lý do |
|---|---|
| 0-99 | SDK i-mobile đã trả về một lỗi. Hãy xem mã để biết thêm thông tin chi tiết. |
| 101 | i-mobile yêu cầu ngữ cảnh Activity để tải quảng cáo. |
| 102 | Các thông số máy chủ i-mobile được định cấu hình trong giao diện người dùng AdMob bị thiếu hoặc không hợp lệ. |
| 103 | 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 i-mobile hỗ trợ. |
| 104 | Lệnh gọi lại tải quảng cáo gốc thành công của i-mobile đã trả về một danh sách quảng cáo gốc trống. |
iOS
| Mã lỗi | Lý do |
|---|---|
| 0-10 | SDK i-mobile đã trả về một lỗi. Hãy xem mã để biết thêm thông tin chi tiết. |
| 101 | Các thông số máy chủ i-mobile được định cấu hình trong giao diện người dùng AdMob bị thiếu hoặc không hợp lệ. |
| 102 | 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 i-mobile hỗ trợ. |
| 103 | i-mobile không hiển thị được quảng cáo. |
| 104 | i-mobile đã trả về một mảng quảng cáo gốc trống. |
| 105 | i-mobile không tải được thành phần quảng cáo gốc. |
| 106 | i-mobile không hỗ trợ việc yêu cầu nhiều quảng cáo xen kẽ bằng cùng một Mã vị trí. |
Phiên bản 0.1.0
- Bản phát hành đầu tiên.
- Hỗ trợ bộ chuyển đổi i-mobile cho Android phiên bản 2.3.2.5.
- Hỗ trợ bộ chuyển đổi i-mobile cho iOS phiên bản 2.3.4.8.