Được thưởng

Chọn nền tảng: Android iOS Unity Flutter

Quảng cáo có tặng thưởng là những quảng cáo mà người dùng có thể chọn tương tác để đổi lấy phần thưởng trong ứng dụng. Bài viết này sẽ hướng dẫn cách tích hợp quảng cáo có tặng thưởng từ AdMob vào một ứng dụng Flutter.

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ế. Chúng tôi có thể tạm ngưng tài khoản của bạn nếu bạn không làm như vậy.

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 có tặng thưởng:

Android

ca-app-pub-3940256099942544/5224354917

iOS

ca-app-pub-3940256099942544/1712485313

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, thử nghiệm và gỡ lỗi. Bạn chỉ cần đảm bảo rằng bạn sẽ thay thế các mã này bằng mã đơn vị quảng cáo riêng của mình trước khi xuất bản ứng dụng.

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

Sau đây là ví dụ về đoạn mã tải một quảng cáo có tặng thưởng:

RewardedAd.load(
  adUnitId: "_adUnitId",
  request: const AdRequest(),
  rewardedAdLoadCallback: RewardedAdLoadCallback(
    onAdLoaded: (RewardedAd ad) {
      // Called when an ad is successfully received.
      debugPrint('Ad was loaded.');
      // Keep a reference to the ad so you can show it later.
      _rewardedAd = ad;
    },
    onAdFailedToLoad: (LoadAdError error) {
      // Called when an ad request failed.
      debugPrint('Ad failed to load with error: $error');
    },
  ),
);
rewarded_ad_snippets.dart

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

Các sự kiện của quảng cáo có tặng thưởng

Khi sử dụng FullScreenContentCallback, bạn có thể theo dõi các sự kiện trong vòng đời của quảng cáo, chẳng hạn như khi quảng cáo hiển thị hoặc bị loại bỏ. Hãy đặt RewardedAd.fullScreenContentCallback trước khi hiển thị quảng cáo để nhận được thông báo cho những sự kiện này. 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:

ad.fullScreenContentCallback = FullScreenContentCallback(
  onAdShowedFullScreenContent: (ad) {
    // Called when the ad showed the full screen content.
    debugPrint('Ad showed full screen content.');
  },
  onAdFailedToShowFullScreenContent: (ad, err) {
    // Called when the ad failed to show full screen content.
    debugPrint('Ad failed to show full screen content with error: $err');
    // Dispose the ad here to free resources.
    ad.dispose();
  },
  onAdDismissedFullScreenContent: (ad) {
    // Called when the ad dismissed full screen content.
    debugPrint('Ad was dismissed.');
    // Dispose the ad here to free resources.
    ad.dispose();
  },
  onAdImpression: (ad) {
    // Called when an impression occurs on the ad.
    debugPrint('Ad recorded an impression.');
  },
  onAdClicked: (ad) {
    // Called when a click is recorded for an ad.
    debugPrint('Ad was clicked.');
  },
);
rewarded_ad_snippets.dart

Quảng cáo hiển thị hình ảnh

RewardedAd hiển thị dưới dạng một Lớp phủ trên toàn bộ nội dung ứng dụng và được đặt cố định; do đó, bạn không thể thêm quảng cáo này vào cây tiện ích Flutter. Bạn có thể chọn thời điểm hiển thị quảng cáo bằng cách gọi show(). RewardedAd.show() lấy OnUserEarnedRewardCallback, được gọi khi người dùng nhận được một phần thưởng. Hãy nhớ triển khai tính năng này và thưởng cho người dùng đã xem quảng cáo.

_rewardedAd?.show(
  onUserEarnedReward:
      (AdWithoutView ad, RewardItem rewardItem) {
        debugPrint(
          'Reward amount: ${rewardItem.amount}',
        );
      },
);
main.dart

Sau khi gọi show(), không thể loại bỏ Ad được hiển thị theo cách này theo phương thức lập trình mà sẽ cần người dùng thực hiện một hoạt động nào đó. RewardedAd chỉ có thể hiển thị 1 lần. Các lệnh gọi tiếp theo để hiển thị thẻ sẽ kích hoạt onAdFailedToShowFullScreenContent.

Quảng cáo phải được xử lý khi không cần truy cập vào quảng cáo đó nữa. Bạn nên gọi dispose() trong lệnh gọi lại FullScreenContentCallback.onAdDismissedFullScreenContent và FullScreenContentCallback.onAdFailedToShowFullScreenContent.

[Không bắt buộc] Xác thực lệnh gọi lại của tính năng xác minh phía máy chủ (SSV)

Những ứng dụng cần có thêm dữ liệu về lệnh gọi lại của tính năng xác minh phía máy chủ nên sử dụng tính năng dữ liệu tuỳ chỉnh của quảng cáo có tặng thưởng. Bất kỳ giá trị chuỗi nào được đặt cho đối tượng quảng cáo có tặng thưởng đều sẽ được truyền đến tham số truy vấn custom_data cho lệnh gọi lại của SSV. Nếu bạn không đặt giá trị dữ liệu tuỳ chỉnh, thì giá trị tham số truy vấn custom_data sẽ không hiển thị trong lệnh gọi lại của SSV.

Mã mẫu sau đây minh hoạ cách đặt các lựa chọn của SSV sau khi quảng cáo có tặng thưởng được tải:

RewardedAd.load(
  adUnitId: "_adUnitId",
  request: AdRequest(),
  rewardedAdLoadCallback: RewardedAdLoadCallback(
    onAdLoaded: (ad) {
      ServerSideVerificationOptions _options =
          ServerSideVerificationOptions(
              customData: 'SAMPLE_CUSTOM_DATA_STRING');
      ad.setServerSideOptions(_options);
      _rewardedAd = ad;
    },
    onAdFailedToLoad: (error) {},
  ),
);
rewarded_ad_snippets.dart

Thay thế SAMPLE_CUSTOM_DATA_STRING bằng dữ liệu tuỳ chỉnh của bạn.

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

Quảng cáo có tặng thưởng