Kiểu gốc

Chế độ cài đặt kiểu gốc cho phép Google Ad Manager xử lý quá trình hiển thị quảng cáo gốc dựa trên kiểu gốc mà bạn chỉ định trong sản phẩm. Trước tiên, hãy chỉ định kích thước và tiêu chí nhắm mục tiêu. Sau đó, thêm HTML, CSS và JavaScript để xác định quảng cáo thích ứng và tạo ra hình ảnh chất lượng hiển thị trên tất cả các màn hình. Bạn không cần thực hiện bất kỳ thao tác kết xuất nào; Ad Manager sẽ tự động áp dụng kiểu gốc phù hợp cho đích đến. Kiểu gốc được triển khai giống như quảng cáo biểu ngữ, bằng cách sử dụng AdManagerAdView. Bạn có thể sử dụng các thành phần này với kích thước quảng cáo cố định được xác định trước hoặc kích thước quảng cáo linh hoạt được xác định trong thời gian chạy.

Điều kiện tiên quyết

  • Trình bổ trợ Flutter quảng cáo trên thiết bị di động của Google phiên bản 0.13.6 trở lên

Hướng dẫn này giả định bạn đã có một số kiến ​​thức về cách sử dụng SDK quảng cáo trên thiết bị di động của Google. Nếu bạn chưa làm như vậy, hãy cân nhắc xem qua Hướng dẫn Bắt đầu sử dụng.

Kích thước cố định

Kiểu gốc có kích thước cố định cho phép bạn kiểm soát chiều rộng và chiều cao của quảng cáo gốc. Để đặt kích thước cố định, hãy làm theo các bước sau:

  1. Tạo một mục hàng trong giao diện người dùng Ad Manager rồi chọn một trong các kích thước được xác định trước trong trình đơn thả xuống của trường Size.

  2. Tải một AdManagerBannerAd có cùng kích thước mà bạn thiết lập ở bước 1. Hãy xem tài liệu về Quảng cáo biểu ngữ để biết cách tạo bản sao và tải quảng cáo. Bạn có thể thấy danh sách các kích thước và hằng số AdSize tương ứng của chúng theo Kích thước biểu ngữ .

Dưới đây là ví dụ về cách chỉ định kích thước cố định, chẳng hạn như kích thước quảng cáo MEDIUM_RECTANGLE (300x250):

AdManagerBannerAd ad = AdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  sizes: <AdSize>[AdSize.mediumRectangle],
  request: AdManagerAdRequest(),
);

Kích thước linh hoạt

Trong một số trường hợp, kích thước cố định có thể không hợp lý. Ví dụ: bạn có thể muốn chiều rộng của quảng cáo phù hợp với nội dung ứng dụng, nhưng cần chiều cao của quảng cáo để điều chỉnh một cách linh hoạt cho phù hợp với nội dung của quảng cáo. Để xử lý trường hợp này, bạn có thể chỉ định Fluid làm kích thước quảng cáo trong giao diện người dùng Ad Manager. chỉ định rằng kích thước của quảng cáo được xác định tại thời gian chạy trong ứng dụng. SDK cung cấp một hằng số AdSize đặc biệt là FLUID để xử lý trường hợp này. Chiều cao của kích thước quảng cáo linh hoạt được xác định linh động dựa trên chiều rộng do nhà xuất bản xác định, cho phép chế độ xem quảng cáo trên nền tảng điều chỉnh chiều cao để khớp với chiều cao của mẫu quảng cáo.

Yêu cầu linh hoạt

Sử dụng FluidAdManagerBannerAd để yêu cầu quảng cáo linh hoạt:

final fluidAd = FluidAdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  request: AdManagerAdRequest(),
  listener: AdManagerBannerAdListener(
    onAdLoaded: (Ad ad) {
      print('$_fluidAd loaded.');
    },
    onAdFailedToLoad: (Ad ad, LoadAdError error) {
      print('$_fluidAd failedToLoad: $error');
      ad.dispose();
    },
  ),

Hiển thị quảng cáo linh hoạt

Sau khi quảng cáo được tải, hãy sử dụng FluidAdWidget để hiển thị quảng cáo linh hoạt. Việc này sẽ điều chỉnh chiều cao cho phù hợp với chế độ xem quảng cáo nền tảng cơ bản:

FluidAdWidget(
  width: <your-width>,
  ad: fluidAd,
);

Xem ví dụ về cách triển khai kích thước quảng cáo Fluid của Ad Manager trong ứng dụng mẫu trên GitHub.