Bắt đầu

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 Ad Manager và tạo doanh thu. Sau khi quá trình tích hợp hoàn tất, bạn có thể chọn một định dạng quảng cáo để 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

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 Ad Manager phải có 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 Ad Manager (được xác định trong Quảng cáo Giao diện người dùng của người quản lý) 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 com.google.android.gms.ads.APPLICATION_ID. Bạn có thể tìm thấy ứng dụng của mình trong giao diện người dùng Ad Manager. Để android:value, hãy chèn Quảng cáo của riêng bạn Mã ứng dụng người quản lý trong dấu ngoặc kép như sau:

<manifest>
    <application>
        <!-- Sample 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 Dart .

Xem phần Android để biết thêm thông tin về cách định cấu hình AndroidManifest.xml và thiết lập mã ứng dụng.

iOS

Cập nhật tệp Info.plist

Trong tệp ios/Runner/Info.plist của ứng dụng, hãy thêm một Khoá GADApplicationIdentifier có giá trị chuỗi của Ad Manager mã ứng dụng (được xác định trong giao diện người dùng Ad Manager):

<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 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 của bạn.

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 kết thúc sau khi quá trình khởi chạy hoàn tất (hoặc sau 30 giây thời gian chờ). 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

Giờ thì bạn đã nhập xong SDK quảng cáo trên thiết bị di động và sẵn sàng triển khai quảng cáo. Quảng cáo Trình quản lý cung cấp một số đị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 với trải nghiệm người dùng của ứng dụ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.

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

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

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.

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

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