Table of Contents

    You have created Great App, now you want to make money from it. If you don't want to charge your customer, Then the best way to monetize your app is using the Ad Network.
    And Admob is one of the best Ad Networks available.
     

    Basically, Admob provides 4 types of ad,

     

    1. Banner
    2. Interstitial
    3. Rewarded Interstitial
    4. Native

    In this tutorial, we will cover Banner Ad and Interstitial Ad.

    The banner ad will be the small banner that will display on your mobile app screen at the place you want, And on click of Banner, it will display the Ad overlay. You can set the time interval for the add and get the user interaction event for the Banner

    When in Interstitial Ad, It will display full screen when your app invokes it. Because of their larger size, interstitial ads require more bandwidth on average than traditional banners. So its recommended approach is to have apps load them in advance of when they will be displayed. This helps ensure that an ad is ready to go when the time comes to display one.

    So that being said, We have to start Admob integration with creating an account for Admob, and add the first app to monetize.

     

    Steps To Monetize The App

     

    Step 1

    Open the Google Admob website and click on Sign in. If you don't have an account then click on Sign Up and then create a new account.

    Step 2

    Once you are logged in click on the Monetize tab in the top bar then click on the MONETIZE NEW APP.

    Step 3

    At this point, Admob will collect multiple information from you to create the App Monetization and provide the SDK for the app. The first thing you have to do is provide information regarding your application, Like App name, and Platform. You can also search the app if it's already uploaded, or you can select from the app you have already added to the system.

    Step 4

    The next thing in the line will be to select the type of Ad we want to create And provide a name for the Ad.
    Also, you need to select which type of content you want to show in the Ad Banner,
    1. Text
    2. Image

    For this tutorial, we select both and select Refresh Rate for the Ad. Setting a small Refresh Rate will display multiple Ads, but use more network bandwidth.

    You can also select different Text ad types, for this tutorial we are selecting STANDARD.
    Admob will display how your Ad will display in the app, So in this step, you can check the look and feel of your Ad.

    Step 5

    Once you completed Step 4 AdMob will provide you AD UNIT ID, Save this for later use in-app.
    Next step will be to add FIREBASE ANALYTICS in-app, Firebase analytics help you display the different kinds of analytics and report on sessions, user demographics, revenue from in-app products, and a lot more will appear in the Firebase console, with no extra code required.

    But in this tutorial, we are not adding Firebase Analytics so we can skip this.

    Step 6

    Final step will be to download the Google Mobile Ads SDK and Check Integration guide.

    Step 7

    This is optional Step, If you want to add only Banner Ad in your app then skip step 7 and 8,
    But in this tutorial we will also add INTERSTITIAL Ad in app, so we will follow step 1 to 3 again and select Interstitial this time.

    In Interstitial Ad we have three type of Ad
    1. Text
    2.Image
    3.Video

    For this tutorial, we will select all the types, but you can select the option you need.
    Select the Capping and provide the Ad unit name.

    Step 8

    Admob will display the Ad unit ID, copy this for later use in App.

    So now we have an Admob Account setup, and our app is added for Monetizing.
    We have Ad unit ID and Google Admob SDK, So the next step will be to integrate Admob SDK in-app and provide Ad Unit ID to display the Ad.

    For easy implementation of Google Admob, you can use the MTGoogleAdMob library,
    Download the code from Github.

    Step To Include Admob SDK In App

    Step 1

    Create a new project using the Xcode.

    Step 2

    You have GoogleMobileAds.framework by following the above step, and you can find GoogleAdsMob.Swift file from the Github code, This is the Handler created to handle all Admob-related task in your app. So drag and drop both these files in your project.

    Step 3

    Now add two buttons in your ViewController class, displayed as below image,
    And Connect its Outlet and Methods.

    Step 4

    Now on GoogleAdsMob.swift page, you need to provide your Ads Unit ID for Banner Ad and Interstitial Ad.
    Admob provides two-mode,
    1. Test Mode
    2. Live Mode

    When your app is still under development then you must use the test Ads Unit ID, As otherwise, the click generated on the Live Admob Unit ID will create an issue with Admob Monetization. And your account can be suspended, so only use Live Ads Unit ID when you upload your app to App Store or Play Store.

     

    Step 5

    The next step will be Initialization, Initialize the Google Admob in your AppDelegate file in Method DidFinishLaunchingWithOptions.

     

    Step 6

    Add the following code in your App Button’s Method

    ?Show Interstitial Ads
      GoogleAdMob.sharedInstance.showInterstitial()

    ?Show Banner Ads
      GoogleAdMob.sharedInstance.showBannerView()

    ?Hide Banner Ads
      GoogleAdMob.sharedInstance.hideBannerView()

    Step 7

    Now run the app and you will see the following screen in your simulator,

    If you have selected the Test Mode and you click on each button you will see Ads as follow,

    It will display the Test Banner and Interstitial Ads

    And if you add Live Ads Unit ID in your code then it will display actual ads,

    The next step will be to check other Ads and integrate it, you can check more about it on the Admob documentation.

    About Author

    Manektech Team

    Nikhil Solanki

    Mobile Lead

    Nikhil Solanki has 10+ years of experience in Mobile App Development and currently works as the Mobile Lead at ManekTechworked. He is an experienced Mobile lead with a demonstrated history of working in Mobile's information technology and services industry. 

    Subscribe to Our Newsletter!

    Join us to stay updated with our latest blog updates, marketing tips, service tips, trends, news and announcements!

    OUR OFFICES


    ManekTech's Global Presence

    USA

    4100 NW Loop 410, Suite 200, San Antonio, Texas, USA 78229

    UK

    7 Artisan Place Harrow, HA3 5DS

    India

    4th Floor, Timber Point, Prahaladnagar Road, Ahmedabad, Gujarat - 380015

    Germany

    Franz-Joseph-Strasse, 11,Munich, 80801, Germany

    South Africa

    The Business Centre No 1. Bridgeway Road, Bridgeway Precint, Century City, Cape Town, South Africa, 7446

    PREV
    NEXT