Monetise your Android app | Admob integration | with code...

Making an Android app is one thing but earning from it is other. There are many ways to earn from apps like premium packs, subscription, buying stuff, ads. 
The advertisement would be the most efficient one and will give you good revenue. There are many advertising networks but Google provides AdMob which is more preferable in terms of standard and revenue too.

Also, read: Converting HTML5 Game for Android | 2 Methods


So let us start to code. I'll explain two types of ads only if you want me to explain the other two, comment for the same.

Steps to integrate AdMob into your Android app:

1. Creating an Admob account

• Go to AdMob site sign in with your Google account.
• Create an app and note down the App Id, which we'll use in our app to authenticate.

2. Import Mobile Ads' SDK

• Open your gradle files and in your project-level gradle, put the below code, inside allprojects {} section.

	allprojects {
	repositories {
	jcenter()
	//Add the following
	maven {
	url "https://maven.google.com"
	}
	}
	}

view raw project-level.gradle hosted with ❤ by GitHub

3. Add Dependencies

• Add the following in your app-level gradle.
• The version may change you might want to check: Google Play Services

	dependencies {
	implementation 'com.google.android.gms:play-services-ads:17.1.1' //add this line
	}

view raw app-level.gradle hosted with ❤ by GitHub

4. Update Manifest file

• Add the following code to your manifest.xml, it includes metadata that'll authenticate your app with the AdMob app.

	<application>
	<!-- Sample AdMob App ID: ca-app-pub-3940256099942544~3347511713 -->
	<meta-data
	android:name="com.google.android.gms.ads.APPLICATION_ID"
	android:value="[ADMOB_APP_ID]"/> // Use your app id that we noted previously in double quotes, use the sample for testing purposes
	</application>

view raw Manifest.xml hosted with ❤ by GitHub

5. Initialize Mobile Ads

• Add the Java code in your Acitivity.java file to initialize the Ad SDK.
• Google encourages developers to use the sample app id for testing purposes, hence use the sample id.

	package ...
	import ...
	import com.google.android.gms.ads.MobileAds; //new import
	public class MainActivity extends AppCompatActivity {
	...
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	// Sample AdMob app ID: ca-app-pub-3940256099942544~3347511713
	MobileAds.initialize(this, "YOUR_ADMOB_APP_ID"); // initialization- use the above sample id for testing
	}
	...
	}

view raw MainActivity.java hosted with ❤ by GitHub

6. Choose Ad Format

• There are 4 ad formats provided by Google. For an app that includes a single page of multiple user interactions than I'll suggest going for Banner ad which appears at the bottom and will not distract the user.

Implementing Banner ad:

 Before moving forward, go to the AdMob account, click AdUnit add one Banner ad, note down the Ad Id.


 a. Add AdView to the layout file

• This will add the ad to the activity layout, you don't need to make changes here since Google will manage the resource formatting. Also, sizes can differ, follow the page for sizes: Banner Sizes

	<com.google.android.gms.ads.AdView
	xmlns:ads="http://schemas.android.com/apk/res-auto"
	android:id="@+id/adView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_centerHorizontal="true"
	android:layout_alignParentBottom="true"
	ads:adSize="BANNER"
	ads:adUnitId="ca-app-pub-3940256099942544/6300978111"> //sample ad id
	</com.google.android.gms.ads.AdView>

view raw layout_main.xml hosted with ❤ by GitHub

 b. Or create AdView using Java code

• Simple process, but recommend using the XML style.

	AdView adView = new AdView(this);
	adView.setAdSize(AdSize.BANNER); // make sure too add the Ad size
	adView.setAdUnitId("ca-app-pub-3940256099942544/6300978111");
	// TODO: Add adView to your view hierarchy.

view raw MainActivity.java hosted with ❤ by GitHub

 c. Load an Ad

• Use the following code to initialize the AdView and assign money-making ads.

	private AdView mAdView; //inside the class
	//inside the OnCreate method
	//import required classes by Alt+Enter
	//insert these lines after the Mobile.initialize() method.
	mAdView = findViewById(R.id.adView);
	AdRequest adRequest = new AdRequest.Builder().build();
	mAdView.loadAd(adRequest);

view raw MainActivity.java hosted with ❤ by GitHub

 d. Ad Events (Optional)

• Use some events for customizing ads on your device.

	mAdView.setAdListener(new AdListener() {
	@Override
	public void onAdLoaded() {
	// Code to be executed when an ad finishes loading.
	}
	@Override
	public void onAdFailedToLoad(int errorCode) {
	// Code to be executed when an ad request fails.
	}
	@Override
	public void onAdOpened() {
	// Code to be executed when an ad opens an overlay that
	// covers the screen.
	}
	@Override
	public void onAdLeftApplication() {
	// Code to be executed when the user has left the app.
	}
	@Override
	public void onAdClosed() {
	// Code to be executed when when the user is about to return
	// to the app after tapping on an ad.
	}
	});

view raw MainActivity.java hosted with ❤ by GitHub

Implement an Interstitial ad:

  Before moving forward, go to the AdMob account, click AdUnit add one Interstitial ad, note down the Ad Id.

 a. Create an object of the Interstitial ad:

	package ...
	import com.google.android.gms.ads.InterstitialAd;
	public class MainActivity extends Activity {
	private InterstitialAd mInterstitialAd;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	MobileAds.initialize(this,
	"ca-app-pub-3940256099942544~3347511713"); //sample App id- use yours
	mInterstitialAd = new InterstitialAd(this);
	mInterstitialAd.setAdUnitId("ca-app-pub-3940256099942544/1033173712"); //use the Ad id
	}
	}

view raw MainActivity.java hosted with ❤ by GitHub

 b. Load an Ad:

	import com.google.android.gms.ads.AdRequest; //ALt+Enter will automatically add it
	//inside OnCreate Method
	//below ---mInterstitialAd.setAdUnitId("id"); ----
	mInterstitialAd.loadAd(new AdRequest.Builder().build());

view raw MainActivity.java hosted with ❤ by GitHub

 c. Show the Ad:

	mMyButton.setOnClickListener(new View.OnClickListener() { //some button
	@Override
	public void onClick(View v) {
	if (mInterstitialAd.isLoaded()) { //ad is loaded and ready to show
	mInterstitialAd.show(); //display the ad
	} else {
	Log.d("TAG", "The interstitial wasn't loaded yet."); //do something
	}
	}
	});

view raw MainActivity.java hosted with ❤ by GitHub

 d.  Ad Events for reloading

	//inside the OnCreate Method
	//use to load another ad for next clciking
	mInterstitialAd.setAdListener(new AdListener() {
	@Override
	public void onAdClosed() {
	// Load the next interstitial.
	mInterstitialAd.loadAd(new AdRequest.Builder().build());
	}
	});

view raw MainActivity.java hosted with ❤ by GitHub

Source Code:

• Sample Interstitial app on GitHub
• Sample Banner app on GitHub

Video Tutorials

• Interstitial Implementation
• Interstitial Best Practices
• Banner Implementation
• Banner Best Practices

You can comment in the section below to let me know if something is wrong or some suggestions.