The framework of Flutter mobile app development is fiercely flourishing in the development community with its mark as one of the leading cross-platform app development tools of this age. As more and more companies and development communities are choosing to use Flutter to create their mobile apps, you will be seeing a rapid rise in those apps in the market.

App monetization is the concept that was coined up as the demand for creating mobile apps peaked. In this piece of article, we will take you through steps for integrating and monetizing your Flutter app with Google Ads and various major Ad formats, using which you can optimize the Ad revenue. 

Google Ads Integrated in Flutter

Google Mobile Ads integrating into a flutter app, the first step towards displaying Admob ads and earning revenue. As the integration is complete, you can choose an Ad format to follow the detailed implementation steps.

SetUp

1. Firstly, in the pubspec.yaml of your flutter app, add the below mentioned dependency:

2. Before loading your Google Ads, ensure that your app initializes the Mobile Ads SDK by calling this –

Platform Specific Setup

iOS

Update the Info.plist file to add the 2 keys and value.

1. Start by adding the GADApplicationIdentifier key with a string value of your Google Admob’s app id in the info.plist file.
2. Follow the next step by adding the SKAdNetworkItems key with Google’s SKAdNetworkIdentifier value of cstr6suwn9.skad network
3. Open the info.plist file.

<key>GADApplicationIdentifier</key>

<string>Add your google admob App Id</string>

<key>SKAdNetworkItems</key>

  <array>

    <dict>

      <key>SKAdNetworkIdentifier</key>

      <string>cstr6suwn9.skadnetwork</string>

    </dict>  </array>

Android

1. Open the Andoridmanifest.xml file.
2. Add this line.

<manifest>

    <application>

        <meta-data

            android:name=”com.google.android.gms.ads.APPLICATION_ID”

            android:value=”Add your google admob app ID”/>

    </application>

</manifest>

Type of Ads Format

• Banner Ads
• Interstitial Ads, 
• Native Ads 
• Rewarded Ads

1. Banner Ads

Banner Ads are those rectangular ads that you see at the top or bottom of your smartphone screen. Banner ads remain on screen while your app users interact with the app. You can then refresh automatically after a while. 

Instantiate a Banner Ad

a. Banner Ads requires the adUnitId, an AdSize, an AdRequest, and a BannerAdListener.

Banner Ad Events

Load Banner Ad

Display Banner Ad

 2. Interstitial Ads

Interstitial Ads are full-screen Ads that cover the entire interface of an app until closed by the user for a full display of Ads. 

Load an Interstitial Ad

Interstitial Ad events

Display Interstitial Ads

3. Native Ads

Native Ads are typically those customizable ads that you can match with the look and feel of your Flutter app.

Add Listener

Load Native Ad

Display Native Ad

Rewarded Ads

Rewarded Ads are those Ads that reward users for watching them. They are usually short videos and interact with playable ads, polls, and surveys. 

Loaded Rewarded Ads

Rewarded Ad Events

Display a RewardedAd

Reference :- google_mobile_ads 0.13.4 

Summary

There is no better way to monetize your mobile app than Google’s AdMob. Besides being the easiest way to monetize your app, the Flutter framework can let you integrate Google AdMob into your app’s development ecosystem. We are sure now you can integrate Google Ads properly on the screen. The main aim of this guide was to show how you can configure AdMob in your Flutter app project and then display various Banner Ads.