Monetizing Your Flutter App with AdMob

Understanding AdMob

AdMob is a popular ad network from Google that allows you to display targeted ads in your app. With AdMob, you can choose from various ad formats, including banner, interstitial, rewarded, and native ads.

Setting up AdMob

To get started with AdMob, follow these steps:

1. Create an AdMob account: Sign up for an AdMob account and create a new app.
2. Add the AdMob app: Add the AdMob app to your Flutter project by installing the google_mobile_ads plugin.
3. Initialize the plugin: Initialize the plugin in your main.dart file.
4. Prepare test ads: Use demo test IDs or add your device to the testing list to test ads.
5. Update platform-specific files: Update the AndroidManifest.xml and info.plist files to include the AdMob app ID.

// Import the google_mobile_ads package
import 'package:google_mobile_ads/google_mobile_ads.dart';

// Initialize the plugin in main.dart
void main() {
  WidgetsFlutterBinding.ensureInitialized();
  MobileAds.instance.initialize();
  runApp(MyApp());
}

Displaying Ads

Once you’ve set up AdMob, you can start displaying ads in your app.

Banner Ads

Banner ads are the simplest form of advertisement and can be displayed at the top or bottom of the screen.

// Create a variable to hold the instance of the banner ad
BannerAd _bannerAd;

// Initialize the banner ad with required parameters
_bannerAd = BannerAd(
  adUnitId: 'ca-app-pub-3940256099942544/2934735716',
  size: AdSize.banner,
);

// Load the banner ad using the .load() method
_bannerAd.load();

// Display the ad using the AdWidget
AdWidget(
  ad: _bannerAd,
)

Interstitial Ads

Interstitial ads are full-screen ads that can be displayed during natural pauses in your app.

// Load the interstitial ad with required parameters
InterstitialAd _interstitialAd = InterstitialAd(
  adUnitId: 'ca-app-pub-3940256099942544/1033173712',
);

// Show the interstitial ad using the .show() method
_interstitialAd.show();

// Attach a FullScreenContentCallback to handle ad events
_interstitialAd.fullScreenContentCallback = FullScreenContentCallback(
  onAdShowedFullScreenContent: (ad) => print('Interstitial ad showed'),
  onAdFailedToShowFullScreenContent: (ad, error) => print('Interstitial ad failed to show'),
);

Rewarded Ads

Rewarded ads are full-screen ads that offer rewards to users for watching them.

// Load the rewarded ad with required parameters
RewardedAd _rewardedAd = RewardedAd(
  adUnitId: 'ca-app-pub-3940256099942544/5224354917',
);

// Show the rewarded ad using the .show() method
_rewardedAd.show();

// Attach a FullScreenContentCallback to handle ad events
_rewardedAd.fullScreenContentCallback = FullScreenContentCallback(
  onAdShowedFullScreenContent: (ad) => print('Rewarded ad showed'),
  onAdFailedToShowFullScreenContent: (ad, error) => print('Rewarded ad failed to show'),
);