App Monetization: How To Add Google Ads In Flutter App

610 Views

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 as the demand for creating mobile apps peaked. In this article, we will take you through steps for How To Add Google Ads In Flutter App and various major Ad formats, using which you can optimize the Ad revenue. 

Google Ads Integration in Flutter

Google Mobile Ads integration in flutter app, is 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 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.

Baner Ad | Iqonic Design

Banner Ad Events

Load Banner Ad

Display Banner Ad

Display banner Ad | Iqonic Design

 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

Load an Interestial Ad | Iqonic Design

Interstitial Ad events

Interstitial Ad events | Iqonic Design

Display Interstitial Ads

Display Interstitial Ads | Iqonic Design

3. Native Ads

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

Add Listener

Add Listener | Iqonic Design

Load Native Ad

Load Native Ad | Iqonic Design

Display Native Ad

Display Native Ad | Iqonic Design

4. 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

Loaded Rewarded Ads | Iqonic Design

Rewarded Ad Events

Rewarded Ad Events | Iqonic Design

Display a RewardedAd

Display a RewardedAd | Iqonic Design

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. 

Was this article helpful?
YesNo
Share This Article:
Jasmin M
Jasmin M

Believer and follower of 'running the show', Jasmin Majmudar is a freelance marketing content writer, blogger, and branding consultant based in London. With a master's degree in business management, content is her forte. Extensively working with startups, artists, brands, and companies from more than 7 years, Jasmin's work has successfully made to great brand stories. A millennial soul with an introverted mind and extroverted heart, Jasmin is always with her bag, blazer, and a book (half-read).
                                                                                                                                                                                          
She has nourished her passion of writing and creating successful client experiences and will continue to do so. Drop her a line here whether it's about a feedback or your craziest business idea, we will pull things together. Cheers!

Articles: 109