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ừ DT Exchange 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 DT Exchange 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 DT Exchange 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 React Native cho DT Exchange 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 từ 15.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 của DT Exchange
Thêm ứng dụng và vị trí đặt quảng cáo mới
Đăng ký hoặc đăng nhập vào DT Exchange Console.
Nhấp vào Thêm ứng dụng.

Chọn nền tảng và vị trí, điền thông tin vào phần còn lại của biểu mẫu, sau đó nhấp vào Create App (Tạo ứng dụng).
Android

iOS

Nhập tên và chọn loại cho vị trí của bạn. Sau đó, hãy nhấp vào Lưu vị trí.
Mã ứng dụng và Mã vị trí đặt quảng cáo
Di chuột qua thanh điều hướng bên trái để mở thanh này, sau đó nhấp vào Quản lý ứng dụng.

Trên trang Quản lý ứng dụng, hãy ghi lại Mã ứng dụng bên cạnh ứng dụng của bạn.

Chọn ứng dụng của bạn rồi chuyển đến thẻ Vị trí. Ghi lại Mã vị trí.
Mã nhà xuất bản, Khoá của người dùng và Khoá bí mật của người dùng
Nhấp vào tên người dùng của bạn trong trình đơn bên trái rồi chọn Hồ sơ người dùng.

Ghi lại Mã nhà xuất bản, Khoá của người dùng và Mã bí mật của người dùng vì bạn sẽ cần đến những thông tin này trong bước tiếp theo.
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 DT Exchange, hãy thêm DT vào tệp app-ads.txt.
Bước 2: Thiết lập nhu cầu về DT Exchange 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 DT Exchange 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 DT Exchange (Fyber Monetization) 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 DT Exchange
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 DT Exchange. 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/dt-exchange/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/dt-exchange/gma-mediation-dtexchange-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-dtexchange-0.1.0.tgzchỉ len
yarn add ./local_packages/gma-mediation-dtexchange-0.1.0.tgz
Bước 4: Triển khai chế độ cài đặt quyền riêng tư trên SDK của DT Exchange
Sự đồng ý của người dùng ở Liên minh Châu Âu và GDPR
Để 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 DT Exchange React Native phiên bản 0.1.0 trở lên hỗ trợ việc truyền tín hiệu đồng ý theo GDPR từ các nền tảng quản lý sự đồng ý (tích hợp với Khuôn khổ về tính minh bạch và sự đồng ý (TCF) của Cục Quảng cáo tương tác (IAB)) đến SDK DT Exchange. Để biết thêm thông tin, hãy xem tài liệu về GDPR cho Android và iOS.
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 minh hoạ cách truyền thông tin về sự đồng ý đến bộ chuyển đổi DT Exchange theo cách thủ công:
import { DTExchangeMediation } from '@google/gma-mediation-dtexchange';
// ...
DTExchangeMediation.setUSPrivacyString('myUSPrivacyString');
// You can also clear CCPA consent information using the following method:
DTExchangeMediation.clearUSPrivacyString();
Hãy xem bài viết về Nguồn mở CCPA của DT Exchange để biết thêm thông tin và các giá trị có thể được cung cấp trong phương thức này.
Bước 5: Thêm mã bắt buộc
Android
Bạn không cần thêm mã để tích hợp DT Exchange.
iOS
Tích hợp SKAdNetwork
Làm theo tài liệu của DT Exchange để 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.
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ừ DT Exchange, 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 DT Exchange (Đặt giá thầu) và DT Exchange (Thác nước).
Mã lỗi
Nếu bộ chuyển đổi không nhận được quảng cáo từ DT Exchange, 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 lớp sau:
Android
com.google.ads.mediation.fyber.FyberMediationAdapter
iOS
GADMediationAdapterFyber
Dưới đây là các mã và thông báo đi kèm do bộ chuyển đổi DT Exchange gửi khi quảng cáo không tải được:
Android
| Mã lỗi | Lý do |
|---|---|
| 101 | Các thông số máy chủ DT Exchange được định cấu hình trong giao diện người dùng AdMob bị thiếu/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ữ mà DT Exchange hỗ trợ. |
| 105 | DT SDK đã tải một quảng cáo nhưng trả về một trình điều khiển không mong muốn. |
| 106 | Quảng cáo chưa sẵn sàng hiển thị. |
| 107 | Bối cảnh không phải là một thực thể hoạt động. |
| 108 | Không hiển thị được quảng cáo. |
| 200-399 | DT SDK đã trả về một lỗi. Hãy xem mã để biết thêm thông tin chi tiết. |
iOS
| Mã lỗi | Lý do |
|---|---|
| 0-10 | DT SDK đã trả về một lỗi. Hãy xem tài liệu để biết thêm thông tin chi tiết. |
| 101 | Các thông số máy chủ DT Exchange được định cấu hình trong giao diện người dùng AdMob bị thiếu/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ữ mà DT Exchange hỗ trợ. |
| 103 | Không thể hiển thị quảng cáo vì đối tượng quảng cáo đã được sử dụng. |
| 104 | Không thể hiển thị quảng cáo DT Exchange vì quảng cáo chưa sẵn sàng. |
| 105 | DT SDK đã trả về lỗi khởi chạy. |
Phiên bản 0.1.0
- Bản phát hành đầu tiên.
- Hỗ trợ bộ chuyển đổi DT Exchange cho Android phiên bản 8.4.7.1.
- Hỗ trợ bộ chuyển đổi DT Exchange cho iOS phiên bản 8.4.10.0.
- Được tạo và thử nghiệm bằng Trình bổ trợ React Native của Quảng cáo của Google trên thiết bị di động phiên bản 0.1.0.