Android開発 AdMobを実装して、バナー広告を配信する

AdMobのバナー広告を表示する方法を書いていきます。

AdMobは、Googleが提供しているモバイルアプリ向けの広告サービスです。モバイルアプリ向けの広告サービスはいくつかの会社が提供しているのですが、もっとも導入が手軽なAdMobを扱ってみます。
AdMob以外にも、いろいろな広告会社のアプリ向け広告サービスがありますが、AdMobが他の広告会社より有利に立っている点といえば、AndroidとGoogleアカウントをひも付いていることによる、ターゲティング配信です。バナー広告といったスタンダードな枠では、ほかの追随を許さない収益性を得ることができる場合が多いです。
もし、アクティブユーザが多いアプリであるならば、ほかの会社のサービスを試してみても良いでしょう。AdMobは広告枠の種類が少ないので、より多くの広告のサイズや種類を選ぶことが出来るはずです。アプリのデザインにあった広告を出すことが大事だと思います。最近は、インタースティシャルの動画広告が人気出てるみたいですね。

さっそく実装してみましょう。
AdMobのアカウントを作っておきます。
https://apps.admob.com/

AdMobにアプリを登録して、広告ユニットIDをメモしておきます。
ca-app-pub-XXXXXXXXXXXXXXXX/NNNNNNNNNN　のような文字列です。下の実装では、テスト用の広告ユニットIDを使用します。Google Playにアップロードするときに、自分の広告ユニットIDに書き換えておきましょう。

以下、AdMobバナー広告の実装方法です。
Empty Activityで作ります。
以下コードサンプルです。

build.gradle に compile 'com.google.android.gms:play-services:6.+' を追記。

	apply plugin: 'com.android.application'
	android {
	compileSdkVersion 22
	buildToolsVersion "22.0.1"
	defaultConfig {
	applicationId "test.admob.com.admobempty"
	minSdkVersion 15
	targetSdkVersion 22
	versionCode 1
	versionName "1.0"
	}
	buildTypes {
	release {
	minifyEnabled false
	proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
	}
	}
	}
	dependencies {
	compile fileTree(dir: 'libs', include: ['*.jar'])
	testCompile 'junit:junit:4.12'
	compile 'com.android.support:appcompat-v7:22.2.1'
	compile 'com.google.android.gms:play-services:6.+'
	}

view raw build.gradle hosted with ❤ by GitHub

AndroidManifest にいくつか追記。

	<?xml version="1.0" encoding="utf-8"?>
	<manifest xmlns:android="http://schemas.android.com/apk/res/android"
	package="test.admob.com.admobempty">
	<!-- Include required permissions for Google Mobile Ads to run-->
	<uses-permission android:name="android.permission.INTERNET"/>
	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
	<application
	android:allowBackup="true"
	android:icon="@mipmap/ic_launcher"
	android:label="@string/app_name"
	android:supportsRtl="true"
	android:theme="@style/AppTheme">
	<!--This meta-data tag is required to use Google Play Services.-->
	<meta-data android:name="com.google.android.gms.version"
	android:value="@integer/google_play_services_version" />
	<activity android:name=".MainActivity">
	<intent-filter>
	<action android:name="android.intent.action.MAIN" />
	<category android:name="android.intent.category.LAUNCHER" />
	</intent-filter>
	</activity>
	<!--Include the AdActivity configChanges and theme. -->
	<activity android:name="com.google.android.gms.ads.AdActivity"
	android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"
	android:theme="@android:style/Theme.Translucent" />
	</application>
	</manifest>

view raw AndroidManifest.xml hosted with ❤ by GitHub

strings.xml に広告ユニット ID を設定。テスト用の広告ユニットIDです。

	<resources>
	<string name="app_name">AdMob</string>
	<string name="banner_ad_unit_id">ca-app-pub-3940256099942544/6300978111</string>
	</resources>

view raw strings.xml hosted with ❤ by GitHub

レイアウトに AdView を配置。
広告に使用する追加の名前空間 http://schemas.android.com/apk/res-auto を追記、さらに、AdView 用の要素を追記。

	<?xml version="1.0" encoding="utf-8"?>
	<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	xmlns:ads="http://schemas.android.com/apk/res-auto"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:paddingBottom="@dimen/activity_vertical_margin"
	android:paddingLeft="@dimen/activity_horizontal_margin"
	android:paddingRight="@dimen/activity_horizontal_margin"
	android:paddingTop="@dimen/activity_vertical_margin"
	tools:context="test.admob.com.admobempty.MainActivity">
	<TextView
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:text="Hello World!" />
	<com.google.android.gms.ads.AdView
	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="@string/banner_ad_unit_id">
	</com.google.android.gms.ads.AdView>
	</RelativeLayout>

view raw activity_main.xml hosted with ❤ by GitHub

MainActivity クラスに広告を設置。
以下のクラスをインポートしておきます。

import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdView;

AdView を検索するコードを追加。AdRequest を作成して AdView に広告を読み込みます。

	package test.admob.com.admobempty;
	import android.support.v7.app.AppCompatActivity;
	import android.os.Bundle;
	import com.google.android.gms.ads.AdRequest;
	import com.google.android.gms.ads.AdView;
	public class MainActivity extends AppCompatActivity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	AdView mAdView = (AdView) findViewById(R.id.adView);
	AdRequest adRequest = new AdRequest.Builder().build();
	mAdView.loadAd(adRequest);
	}
	}

view raw MainActivity.java hosted with ❤ by GitHub

ビルドしてみましょう。
バナー広告が表示されたでしょうか？

See Also
Android クイック スタート | AdMob Android ガイド | Google Developers
https://developers.google.com/mobile-ads-sdk/docs/admob/android/quick-start?hl=ja