Hướng dẫn này dành cho các nhà xuất bản muốn kiếm tiền từ Flutter.
Tích hợp SDK Quảng cáo của Google trên thiết bị di động vào một ứng dụng Flutter, bạn sẽ thực hiện ở đây, là bước đầu tiên để hiển thị quảng cáo AdMob và tạo doanh thu. Một lần quá trình tích hợp đã hoàn tất, bạn có thể chọn định dạng quảng cáo để biết thông tin chi tiết các bước triển khai.
SDK Quảng cáo của Google trên thiết bị di động dành cho Flutter hiện hỗ trợ việc tải và hiển thị quảng cáo biểu ngữ, quảng cáo xen kẽ (toàn màn hình), quảng cáo gốc và quảng cáo có tặng thưởng.
Điều kiện tiên quyết
- Flutter phiên bản 1.22.0 trở lên
- của Android
- Android Studio 3.2 trở lên
- Nhắm đến API Android cấp 20 trở lên
- Đặt
compileSdkVersion
thành 28 trở lên
- iOS
- Phiên bản mới nhất của Xcode đã bật dòng lệnh công cụ
- Đề xuất: Tạo tài khoản AdMob và đăng ký một tài khoản Android và/hoặc ứng dụng iOS
Nhập SDK quảng cáo trên thiết bị di động
- Thêm SDK Quảng cáo của Google trên thiết bị di động cho Flutter trình bổ trợ trong Flutter dự án.
Thiết lập theo nền tảng cụ thể
Android
Cập nhật AndroidManifest.xml
Mã ứng dụng AdMob phải được bao gồm trong AndroidManifest.xml
. Không thể
làm như vậy sẽ dẫn đến sự cố khi khởi chạy ứng dụng.
Thêm mã ứng dụng AdMob (như đã được xác định trong web AdMob)
vào giao diện của ứng dụng
android/app/src/main/AndroidManifest.xml
bằng cách thêm thẻ <meta-data>
với tên com.google.android.gms.ads.APPLICATION_ID
. Cho
android:value
, hãy chèn mã ứng dụng AdMob của bạn trong dấu ngoặc kép như dưới đây:
<manifest>
<application>
<!-- Sample AdMob app ID: ca-app-pub-3940256099942544~3347511713 -->
<meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
<application>
<manifest>
Sử dụng cùng một value
khi bạn khởi chạy trình bổ trợ trong mã Dart của mình.
Xem phần Android
hướng dẫn để biết thêm thông tin
thông tin về cách định cấu hình AndroidManifest.xml
và thiết lập ứng dụng
Mã nhận dạng.
iOS
Cập nhật Info.plist
Trong tệp ios/Runner/Info.plist
của ứng dụng, hãy thêm một GADApplicationIdentifier
có giá trị chuỗi là mã ứng dụng AdMob của bạn, như được xác định trong web AdMob
giao diện:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
Bạn phải chuyển cùng một giá trị khi khởi chạy trình bổ trợ trong mã Dart của mình.
Hãy xem hướng dẫn dành cho iOS để biết thêm thông tin
thông tin về cách định cấu hình Info.plist
và cách thiết lập mã ứng dụng.
Chạy SDK quảng cáo trên thiết bị di động
Trước khi tải quảng cáo, hãy để ứng dụng của bạn chạy SDK quảng cáo trên thiết bị di động bằng cách gọi
MobileAds.instance.initialize()
khởi chạy SDK và trả về một
Future
hoàn thành sau khi quá trình khởi chạy hoàn tất hoặc sau 30 giây
. Bạn chỉ cần thực hiện việc này một lần, tốt nhất là ngay trước khi chạy ứng dụng.
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/material.dart';
void main() {
WidgetsFlutterBinding.ensureInitialized();
MobileAds.instance.initialize();
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
MyAppState createState() => MyAppState();
}
class MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
// Load ads.
}
}
Chọn định dạng quảng cáo
Sau khi nhập SDK quảng cáo trên thiết bị di động, bạn đã có thể triển khai quảng cáo. AdMob cung cấp nhiều định dạng quảng cáo khác nhau, để bạn có thể chọn một định dạng phù hợp nhất phù hợp với trải nghiệm người dùng của ứng dụng.
Biểu ngữ
Quảng cáo hình chữ nhật xuất hiện ở đầu hoặc cuối màn hình thiết bị. Biểu ngữ quảng cáo vẫn hiển thị trên màn hình trong khi người dùng tương tác với ứng dụng và có thể làm mới tự động sau một khoảng thời gian nhất định. Nếu mới sử dụng thiết bị di động quảng cáo.
Quảng cáo xen kẽ
Quảng cáo toàn màn hình che phủ giao diện của một ứng dụng cho đến khi người dùng đóng lại. Bạn nên sử dụng quảng cáo xen kẽ tại các điểm dừng tự nhiên trong luồng thực thi của ứng dụng, chẳng hạn như giữa các cấp độ của trò chơi hoặc ngay sau khi hoàn thành một nhiệm vụ.
Mã gốc
Quảng cáo có thể tuỳ chỉnh phù hợp với giao diện ứng dụng của bạn. Bạn quyết định cách thức và vị trí. Do đó, bố cục sẽ phù hợp hơn với thiết kế của ứng dụng.
Được thưởng
Quảng cáo tặng thưởng cho người dùng vì họ đã xem video ngắn và tương tác với nội dung có thể chơi quảng cáo và khảo sát. Phù hợp để kiếm tiền từ người dùng chơi miễn phí.