[Android] Google Play Services SDK でAdMob広告を貼る

Android7

無料でアプリを公開して広告を貼りましょう。定番はGoogleがやっている AdMob です。うまくすれば左うちわ生活かも…
　

Android Studio 2.2.2
Android 7.1.1

AdMob Banner

　
このAdMob広告の設定は、Google Mobile Ads SDKを使った今までの方法です。
Firebaseを使うAdMob設定とは異なりますので注意してください。

Google的にはFirebaseに移行したいのでしょうけれど、まだSDKの方法でないと支障がでるケースを考えて残してあるのでしょう。
基本的にはAndroid Admob ガイドに沿って進めますが情報が古いこともあったりします。

ここでの実装はxmlファイルにIDを書くやり方と、
コードで記述する方法について試してみます。

AdMobを実装、xmlレイアウトファイルを使って
レイアウトファイル無しでコードのみ

AdMob の実装

　
手順は以下のようになります

Google Repository のダウンロード
gradle に com.google.android.gms:play-services を設定
マニフェストでネットワーク権限などを設定
レイアウトファイルにAdView、AdUnit の記述
com.google.android.gms.ads クラスのインポート
AdView と AdRequest の記述

Google Repository のダウンロード

　
SDKのExtras のカテゴリーに Google Repository があるか確認してください。無ければダウンロードします。
　

　

com.google.android.gms:play-services を設定

　
「build.gradle (Module: app)」ファイルの編集
　


　
dependencies に
compile ‘com.google.android.gms:play-services-ads:10.0.1’
を追加(バージョンは随時更新されます)

最新のバージョンを設定するためには
「Project Structure…」から「app」の中の「Dependencies」から
「library dependency」を追加して、「com.google.android.gms:play-services-ads」を検索すると結果として最新バージョンが出てきます。

build.gradle

apply plugin: 'com.android.application'

android {
    compileSdkVersion 25
    buildToolsVersion "25.0.2"

    defaultConfig {
        applicationId "com.example.testadmobinterstitial"
        minSdkVersion 25
        targetSdkVersion 25
        versionCode 1
        versionName "1.0"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
    androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
        exclude group: 'com.android.support', module: 'support-annotations'
    })
    compile 'com.android.support:appcompat-v7:25.0.0'
    testCompile 'junit:junit:4.12'
    compile 'com.google.android.gms:play-services-ads:10.0.1'
}

apply plugin: 'com.android.application'

android {

compileSdkVersion 25

buildToolsVersion "25.0.2"

defaultConfig {

applicationId "com.example.testadmobinterstitial"

minSdkVersion 25

targetSdkVersion 25

versionCode 1

versionName "1.0"

}

buildTypes {

release {

minifyEnabled false

proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'

}

dependencies {

compile fileTree(dir: 'libs', include: ['*.jar'])

androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {

exclude group: 'com.android.support', module: 'support-annotations'

})

compile 'com.android.support:appcompat-v7:25.0.0'

testCompile 'junit:junit:4.12'

compile 'com.google.android.gms:play-services-ads:10.0.1'

}

　
Sync Now と同期を促されるのでSyncする
　

マニフェストでネットワーク権限などを設定

　
アプリの AndroidManifest.xml に meta-data タグとして
android:name=”com.google.android.gms.version”
android:value=”@integer/google_play_services_version”
を追加
　
com.google.android.gms.ads.AdActivity
を宣言
　
INTERNET と ACCESS_NETWORK_STATE
の権限をマニフェストで宣言
　
AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.testadmobbanner">

    <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">

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

        <activity android:name="com.google.android.gms.ads.AdActivity"
            android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"/>

    </application>

</manifest>

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.example.testadmobbanner">

<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">

android:value="@integer/google_play_services_version" />

<intent-filter>

</intent-filter>

</activity>

<activity android:name="com.google.android.gms.ads.AdActivity"

</application>

</manifest>

レイアウトファイルにAdView、AdUnit の記述

　
xmlns:ads=”http://schemas.android.com/apk/res-auto”
の追加
RelativeLayoutなので
android:layout_alignParentBottom=”true”
にてBottomに設定します

activity_main.xml

<?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"
    tools:context=".MainActivity">

    <!-- 特別意味のない画像ですが個人的好みです -->
    <ImageView
        android:src="@drawable/katakuriko"
        android:scaleType="centerCrop"
        android:layout_width="wrap_content"
        android:layout_height="match_parent" />

    <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="ca-app-pub-3940256099942544/6300978111">
    </com.google.android.gms.ads.AdView>


</RelativeLayout>

<?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"

tools:context=".MainActivity">

<ImageView

android:src="@drawable/katakuriko"

android:scaleType="centerCrop"

android:layout_width="wrap_content"

android:layout_height="match_parent" />

<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="ca-app-pub-3940256099942544/6300978111">

</com.google.android.gms.ads.AdView>

</RelativeLayout>

　
ちなみに
ca-app-pub-3940256099942544/6300978111
このIDはテスト用です
本番では、UnitIDをAdMobから取得した正式なものを使います
　

Activityの記述

　
com.google.android.gms.ads クラスのインポート
AdView と AdRequest の記述
　
やり方としてレイアウトをどうするかによってxml ファイルで調整するか、java コードで書くケースがあります。こちらでは前者のタイプでやってみます。

MainActivity.java

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);

    }
}

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);

}

　
これで実行してみると
　
admob01

広告がボトムに表示されました。
　

コードのみで実装

　
動的な表示、あるいはまとめてコントロールしたい場合などにおいてxmlファイルでの記述は使いにくいので、コードで記述してみます。Manifestやbuild.gradleは同じです。
　
MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.RelativeLayout;
import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdSize;
import com.google.android.gms.ads.AdView;

public class MainActivity extends AppCompatActivity {

    private String AdUnitID = "ca-app-pub-3940256099942544/6300978111";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // Relative layout インスタンス生成
        RelativeLayout layout = new RelativeLayout(this);
        setContentView(layout);

        // 背景
        layout.setBackgroundResource(R.drawable.katakuriko);

        // AdMob用のLayout parameterを設定
        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(
                RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.WRAP_CONTENT);


        // 画面の底に位置させるようにALIGN_PARENT_BOTTOMを設定
        params.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM, RelativeLayout.TRUE);

        // AdMob インスタンス生成
        AdView adMobView = new AdView(this);
        adMobView.setAdUnitId(AdUnitID);
        adMobView.setAdSize(AdSize.BANNER);
        // AdMobをレイアウトに追加
        layout.addView(adMobView);

        // AdMobのレイアウト属性を設定
        adMobView.setLayoutParams(params);

        // AdMobをロードして表示
        AdRequest adRequest = new AdRequest.Builder().build();
        adMobView.loadAd(adRequest);

    }
}