Bắt đầu

Hướng dẫn này dành cho những nhà xuất bản muốn kiếm tiền từ ứng dụng Flutter.

Để hiển thị quảng cáo AdMob và kiếm được doanh thu, trước tiên bạn phải tích hợp SDK quảng cáo trên thiết bị di động của Google vào một ứng dụng Flutter. Sau khi tích hợp xong, bạn có thể chọn một định dạng quảng cáo để xem các bước triển khai chi tiết.

Hiện tại, SDK quảng cáo trên thiết bị di động của Google dành cho Flutter hỗ trợ 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

Nhập SDK quảng cáo trên thiết bị di động

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. Nếu không, ứng dụng sẽ gặp sự cố khi khởi chạy.

Thêm mã ứng dụng AdMob (được xác định trong giao diện web AdMob) vào tệp android/app/src/main/AndroidManifest.xml của ứng dụng bằng cách thêm thẻ <meta-data> có tên là com.google.android.gms.ads.APPLICATION_ID. Đối với android:value, hãy chèn mã ứng dụng AdMob riêng 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.

Xem hướng dẫn dành cho Android để biết thêm thông tin về cách định cấu hình AndroidManifest.xml và cách thiết lập mã ứng 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 khoá GADApplicationIdentifier có giá trị chuỗi là mã ứng dụng AdMob, như được xác định trong giao diện web AdMob:

<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.

Xem hướng dẫn dành cho iOS để biết thêm thông tin về cách định cấu hình Info.plist và cách thiết lập mã ứng dụng.

Khởi 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 khởi chạy SDK quảng cáo trên thiết bị di động bằng cách gọi MobileAds.instance.initialize(). Lệnh gọi này sẽ khởi chạy SDK và trả về một Future hoàn tất sau khi quá trình khởi chạy hoàn tất hoặc sau khi hết thời gian chờ 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à 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 đã sẵn sàng triển khai quảng cáo. AdMob cung cấp nhiều định dạng quảng cáo để bạn có thể chọn một định dạng phù hợp nhất với trải nghiệm người dùng trong ứng dụng của mình.

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ị. Quảng cáo biểu ngữ lưu lại trên màn hình trong khi người dùng tương tác với ứng dụng và có thể tự động làm mới sau một khoảng thời gian nhất định. Nếu bạn mới sử dụng quảng cáo trên thiết bị di động, thì đây là loại quảng cáo rất phù hợp để bắt đầu.

Triển khai quảng cáo biểu ngữ

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 những quảng cáo này 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 công việc.

Triển khai quảng cáo xen kẽ

Mã gốc

Quảng cáo có thể tuỳ chỉnh và 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í đặt quảng cáo, do đó, bố cục quảng cáo sẽ phù hợp hơn với kiểu thiết kế ứng dụng của bạn.

Triển khai quảng cáo gốc

Được thưởng

Quảng cáo tặng thưởng cho người dùng khi họ xem những video ngắn và tương tác với cuộc khảo sát hoặc quảng cáo có thể chơi. Phù hợp để kiếm tiền từ người dùng chơi miễn phí.

Triển khai quảng cáo có tặng thưởng