Google sử dụng công nghệ AI để dịch nội dung sang ngôn ngữ bạn ưu tiên. Bản dịch bằng AI có thể có lỗi.

Thiết lập quảng cáo biểu ngữ

Chọn nền tảng: Android iOS Unity Flutter Android (Cũ)

Quảng cáo biểu ngữ chiếm một vị trí trong bố cục của ứng dụng, ở đầu hoặc cuối màn hình thiết bị. Những quảng cáo này nằm 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.

Hướng dẫn này giúp bạn bắt đầu sử dụng biểu ngữ neo thích ứng. Biểu ngữ neo thích ứng tối ưu hoá kích thước quảng cáo cho từng thiết bị bằng cách sử dụng chiều rộng quảng cáo mà bạn chỉ định.

Quảng cáo biểu ngữ neo thích ứng là quảng cáo có tỷ lệ khung hình cố định thay vì quảng cáo có kích thước cố định. Tỷ lệ khung hình tương tự như 320x50. Sau khi bạn chỉ định toàn bộ chiều rộng có sẵn, Google Mobile Ads Flutter Plugin sẽ trả về một quảng cáo có chiều cao tối ưu cho chiều rộng đó. Chiều cao tối ưu cho quảng cáo không thay đổi giữa các yêu cầu quảng cáo và nội dung xung quanh quảng cáo vẫn giữ nguyên khi quảng cáo làm mới.

Luôn thử nghiệm bằng quảng cáo thử nghiệm

Khi bạn tạo và thử nghiệm ứng dụng, hãy nhớ sử dụng quảng cáo thử nghiệm thay vì quảng cáo đang chạy trong thực tế. Nếu bạn không làm như vậy, tài khoản của bạn có thể bị tạm ngưng.

Cách dễ nhất để tải quảng cáo thử nghiệm là sử dụng mã đơn vị quảng cáo thử nghiệm dành riêng cho quảng cáo biểu ngữ:

Android

ca-app-pub-3940256099942544/9214589741

iOS

ca-app-pub-3940256099942544/2435281174

Các đơn vị quảng cáo thử nghiệm được định cấu hình để trả về quảng cáo thử nghiệm cho mọi yêu cầu và bạn có thể sử dụng các đơn vị quảng cáo này trong ứng dụng của mình khi lập trình, chạy thử nghiệm và gỡ lỗi. Bạn chỉ cần nhớ thay thế mã này bằng mã đơn vị quảng cáo của mình trước khi xuất bản ứng dụng.

Lấy kích thước quảng cáo

Biểu ngữ thích ứng lớn cung cấp định dạng lớn hơn được thiết kế cho bố cục không cuộn. So với biểu ngữ neo thích ứng chuẩn, các biểu ngữ này cho phép chiều cao tối đa cao hơn (lên đến 20% chiều cao màn hình, từ 50 đến 150 dp). Không gian tăng thêm này được tối ưu hoá cho nội dung video.

Để yêu cầu quảng cáo biểu ngữ có kích thước quảng cáo chính xác, hãy làm theo các bước sau:

Lấy chiều rộng màn hình của thiết bị theo đơn vị pixel không phụ thuộc vào mật độ (dp) bằng cách sử dụng MediaQuery.of(context). Nếu không muốn sử dụng chiều rộng toàn màn hình, bạn có thể đặt chiều rộng riêng.
Sử dụng phương thức tĩnh thích hợp trên lớp AdSize để lấy đối tượng AdSize. Ví dụ: sử dụng AdSize.getLargeAnchoredAdaptiveBannerAdSize(int width) để lấy kích thước quảng cáo cho hướng hiện tại.

// Get an AnchoredAdaptiveBannerAdSize before loading the ad.
final size = await AdSize.getLargeAnchoredAdaptiveBannerAdSize(
  MediaQuery.sizeOf(context).width.truncate(),
);banner_ad_snippets.dart

Tải một quảng cáo

Ví dụ sau đây tải một quảng cáo biểu ngữ:

void _loadAd() async {
  // Get an AnchoredAdaptiveBannerAdSize before loading the ad.
  final size = await AdSize.getLargeAnchoredAdaptiveBannerAdSize(
    MediaQuery.sizeOf(context).width.truncate(),
  );

  if (size == null) {
    // Unable to get width of anchored banner.
    return;
  }

  unawaited(
    BannerAd(
      adUnitId: "_adUnitId",
      request: const AdRequest(),
      size: size,
      listener: BannerAdListener(
        onAdLoaded: (ad) {
          // Called when an ad is successfully received.
          debugPrint('Ad was loaded.');
          setState(() {
            _bannerAd = ad as BannerAd;
          });
        },
        onAdFailedToLoad: (ad, err) {
          // Called when an ad request failed.
          debugPrint('Ad failed to load with error: $err');
          ad.dispose();
        },
      ),
    ).load(),
  );
}banner_ad_snippets.dart

Thay thế _adUnitId bằng mã đơn vị quảng cáo của riêng bạn.

Sự kiện quảng cáo biểu ngữ

Thông qua việc sử dụng BannerAdListener, bạn có thể theo dõi các sự kiện trong vòng đời, chẳng hạn như khi quảng cáo được tải. Sau đây là ví dụ về cách triển khai từng phương thức và ghi nhật ký thông báo vào bảng điều khiển:

onAdOpened: (Ad ad) {
  // Called when an ad opens an overlay that covers the screen.
  debugPrint('Ad was opened.');
},
onAdClosed: (Ad ad) {
  // Called when an ad removes an overlay that covers the screen.
  debugPrint('Ad was closed.');
},
onAdImpression: (Ad ad) {
  // Called when an impression occurs on the ad.
  debugPrint('Ad recorded an impression.');
},
onAdClicked: (Ad ad) {
  // Called when a click event occurs on the ad.
  debugPrint('Ad was clicked.');
},
onAdWillDismissScreen: (Ad ad) {
  // iOS only. Called before dismissing a full screen view.
  debugPrint('Ad will be dismissed.');
},banner_ad_snippets.dart

Làm mới quảng cáo

Nếu đã định cấu hình đơn vị quảng cáo để làm mới, thì bạn không cần phải yêu cầu một quảng cáo khác khi quảng cáo không tải được. Google Mobile Ads Flutter Plugin tuân thủ mọi tốc độ làm mới mà bạn đã chỉ định trong giao diện người dùng AdMob. Nếu bạn chưa bật tính năng làm mới, hãy đưa ra yêu cầu mới. Để biết thêm thông tin về việc làm mới đơn vị quảng cáo, chẳng hạn như cách đặt tốc độ làm mới, hãy xem bài viết Sử dụng tính năng tự động làm mới cho quảng cáo Biểu ngữ.

Hiển thị quảng cáo biểu ngữ

Để hiển thị BannerAd dưới dạng tiện ích, bạn phải tạo thực thể cho AdWidget bằng một quảng cáo được hỗ trợ sau khi gọi load(). Bạn có thể tạo tiện ích trước khi gọi load(), nhưng phải gọi load() trước khi thêm tiện ích đó vào cây tiện ích.

AdWidget kế thừa từ lớp Widget của Flutter và có thể được sử dụng như bất kỳ tiện ích nào khác. Trên iOS, hãy nhớ đặt tiện ích trong một tiện ích có chiều rộng và chiều cao được chỉ định. Nếu không, quảng cáo của bạn có thể không xuất hiện. Bạn có thể đặt BannerAd vào một vùng chứa có kích thước khớp với quảng cáo:

if (_bannerAd != null)
  Align(
    alignment: Alignment.bottomCenter,
    child: SafeArea(
      child: SizedBox(
        width: _bannerAd!.size.width.toDouble(),
        height: _bannerAd!.size.height.toDouble(),
        child: AdWidget(ad: _bannerAd!),
      ),
    ),
  ),banner_ad_snippets.dart

Bạn phải loại bỏ quảng cáo khi không cần truy cập vào quảng cáo đó nữa. Phương pháp hay nhất về thời điểm gọi dispose() là sau khi AdWidget bị xoá khỏi cây tiện ích hoặc trong lệnh gọi lại BannerAdListener.onAdFailedToLoad().

Vậy là xong! Ứng dụng của bạn hiện đã sẵn sàng hiển thị quảng cáo biểu ngữ.

Giới hạn cuộn trên Android 9 trở xuống

Chúng tôi nhận thấy rằng một số thiết bị cũ hoặc có cấu hình thấp chạy Android 9 trở xuống có thể có hiệu suất không tối ưu khi hiển thị quảng cáo biểu ngữ cùng dòng trong chế độ xem cuộn. Bạn chỉ nên sử dụng các loại biểu ngữ này trên Android 10 trở lên. Biểu ngữ có vị trí cố định (chẳng hạn như biểu ngữ cố định) không bị ảnh hưởng và có thể được sử dụng với hiệu suất tối ưu trên tất cả các cấp độ API Android.

Ví dụ hoàn chỉnh trên GitHub

Để xem ví dụ đầy đủ, hãy xem phần Bản minh hoạ API.

Tìm hiểu về các loại biểu ngữ khác

Làm quen với các loại biểu ngữ khác được xác định trong phần này cho ứng dụng Flutter của bạn.

Biểu ngữ cùng dòng thích ứng

Biểu ngữ thích ứng cùng dòng có chiều cao thay đổi và là biểu ngữ lớn hơn, cao hơn so với biểu ngữ neo thích ứng. Bạn nên sử dụng biểu ngữ thích ứng cùng dòng thay vì biểu ngữ neo thích ứng cho những ứng dụng đặt quảng cáo biểu ngữ trong nội dung có thể cuộn. Để biết thêm thông tin, hãy xem bài viết biểu ngữ thích ứng cùng dòng.

Biểu ngữ có thể thu gọn

Quảng cáo biểu ngữ có thể thu gọn là quảng cáo biểu ngữ ban đầu xuất hiện dưới dạng lớp phủ lớn hơn, có nút để thu gọn quảng cáo về kích thước nhỏ hơn. Hãy cân nhắc sử dụng biểu ngữ này để tối ưu hoá hiệu suất hơn nữa. Để biết thêm thông tin, hãy xem bài viết về quảng cáo biểu ngữ có thể thu gọn.