Skip to main content

How To Add Banner Ads To Ionic Apps Using AdMob Pro Plugin

In this post I will show how you can add banner ads to your Ionic apps. I will be doing this on a new app but you can do it to your existing app as well. I have also written a post on Adding banner ads to Ionic 2 apps, so if you are looking for Ionic 2 apps You can check that post out as well.

I no longer recommend using the AdMob Pro plugin. There is a much better AdMob Free plugin that you should use. I have written a blog post onĀ how you can implement banner ads using it. I highly recommend that you use that plugin over the AdMob Pro plugin.


Step 1)

We will first start by creating a new Ionic project by issuing the following command in the command prompt


Step 2)

Now we will need to add the platform to out app. So will do the following command


Step 3)

As we will be using the AdMob Pro plugin we will need to download it in our project. We will do that by the following command

you can read more about the plugin in the Admob pro plugin documentation


Step 4)

Now we will need to add the following code to the $ionicPlatform.ready() in the app.js file

So the finished app.js file looks like this:


NOTE: The app.js file will be different for each template namely tabs,bank,sideMenu, make sure you add the code to the $ionicPlatform.ready() function and no to any function inside it.

Watch Video Tutorial Of This Post Here:


Leave Me Your Questions And Feedback

Getting your feedback inspires me the most so hit me up in the comments here or on the comments section on my YouTube Channel or on twitter @pointDeveloper
Consider Subscribing / Donating
Subscribe To Mailing List
If my site was helpful to you, then please consider donating via paypal:

Prantik Vaghela (pointdeveloper)

Hi my name is Prantik Vaghela. I have done my Bachelors and Masters in Computer Science and am a web developer and now a Tutor through my blog. :-)