How to Integrate the Google Mobile Ads SDK into a Flutter app

You decided to monetize your mobile application made by Flutter. In a previous article we were speaking about Google Mobile Ads SDK for Flutter (Beta) which is dedicated to easily implementing ads in the mobile app. Today, you will learn how to integrate the Google Mobile Ads SDK into a Flutter app. As soon as integration is complete, you will choose an ad format that is most appropriate for your application. For today, it can be a banner, full-screen, native, and rewarded ads.

It is assumed that you have already installed and configured the following tools:

• Flutter v 1.22.0 or higher

For the Android application development:

• Android Studio 3.2 or higher;
• Target Android API level 19 or higher;
• compileSdkVersion to 28 or higher;

For iOS, you have the latest version of Xcode with enabled command-line tools. Since Google Mobile Ads SDK supports both AdMob and AdManager it would be very useful to create an AdMob account and register an Android and/or iOS app before starting the installation.

You should use this package as a library and run the command with Flutter: In will run an implicit flutter pub get and in pubspec.yaml will appear a line : Or if your editor support flutter pub get check your editor docs. In your Dart code, you can use:

You should update AndroidManifest.xml. To do this, be sure that your AdMob app ID is included in the AndroidManifest.xml. It is a mandatory requirement. Otherwise, it may lead to a crash on the app launch. Be sure to add the AdMob app ID, which is shown in the AdMob UI, to the app's android/app/src/main/AndroidManifest.xml file. Add a <meta-data> tag with the name com.google.android.gms.ads.APPLICATION_ID for this. Now find your application ID in the AdMob UI. You should insert your own AdMob application ID into quotation marks for android:value like it shown below:

Add a <meta-data> tag with android:name="com.google.android.gms.ads.APPLICATION_ID" for adding your AdMob app ID which is defined in the AdMob UI into the AndroidManifest.xml file. Also, you should insert your AdMob application ID into quotation marks for android:value. You have to be sure to add the <meta-data> tag as shown above. Otherwise, it will lead to a crash with the message:

You should update your Info.plist. To do this in your app's ios/Runner/Info.plist file, you have to add a GADApplicationIdentifier key with a string value of your AdMob app ID which is defined in the AdMob UI: The same value must be passed when you initialize the plugin in your Dart code. It's a mandatory requirement.

For the Info.plist you should make the following changes:

• Add a GADApplicationIdentifier key with a string value of your AdMob app ID defined in the AdMob UI.
• Add a SKAdNetworkItems key with SKAdNetworkIdentifier values for Google (cstr6suwn9.skadnetwork) and select additional buyers who have provided these values to Google.

Here is the list of Google and third-party buyers SKAdNetwork identifiers:

Network	SKAdNetwork Identifier
Google	cstr6suwn9.skadnetwork
Aarki	4fzdc2evr5.skadnetwork
Adform	2fnua5tdw4.skadnetwork
Adikteev	ydx93a7ass.skadnetwork
Affle India	5a6flpkh64.skadnetwork
Amazon	p78axxw29g.skadnetwork
Appier	v72qych5uu.skadnetwork
Beeswax.io	c6k4g5qg8m.skadnetwork
Bidease	s39g8k73mm.skadnetwork
Bigabid	3qy4746246.skadnetwork
Centro	3sh42y64q3.skadnetwork
Chartboost	f38h382jlk.skadnetwork
Chartboost	f38h382jlk.skadnetwork
Criteo	hs6bdukanm.skadnetwork
Cross Install	prcb7njmu6.skadnetwork
i-mobile	v4nxqhlyqp.skadnetwork
InMobi	wzmmz9fp6w.skadnetwork
Jampp	yclnxrl5pm.skadnetwork
LifeStreet Media	t38b2kh725.skadnetwork
Liftoff	7ug5zh24hu.skadnetwork
Manage	9rd848q2bz.skadnetwork
MediaMath	n6fk4nfna4.skadnetwork
Mobvista	kbd757ywx3.skadnetwork
Moloco Ads	9t245vhmpl.skadnetwork
Realtime Technologies GmbH	4468km3ulz.skadnetwork
Remerge	2u9pt9hc89.skadnetwork
RTB House	8s468mfl3y.skadnetwork
ScaleMonk	av6w8kgt66.skadnetwork
Sift Media	klf5c3l5u5.skadnetwork
Smadex	ppxm28t8ap.skadnetwork
Snap	424m5254lk.skadnetwork
The Trade Desk	uw77j35x4d.skadnetwork
Unicorn	578prtvx9j.skadnetwork
Unity Ads	4dzt52r2t5.skadnetwork
Verizon Media	e5fvkxwrpn.skadnetwork
Yahoo! Japan Ads	8c4e2ghe7u.skadnetwork
Yandex	zq492l623r.skadnetwork
Zucks	3qcr597p9d.skadnetwork

Here is an example how your info.plist should look like:

At the very beginning of the loading ads, you should initialize the Mobile Ads SDK by calling MobileAds.instance.initialize(). You only have to do it once. It, in turn, will initialize the SDK and return a Future that finishes once exactly initialization is complete. Sometimes its takes a 30-second timeout, but it's normal.