[Android] FirebaseでのAdMob広告の実装

Android7

GoogleではFirebaseを使って詳細な解析ができるAdMobサービスを提供しています。今までのsdkを使った方法も残ってはいますが、GoogleはFirebase仕様をpushしているようです。尚、今までの設定方法はこちらです。
　
admob_firebase_emulator
　

Android Studio 2.2.2
Android 7.1.1

Firebase AdMob

Firebase consoleでの登録
google-services.jsonをAndroid Studioに設定
Android Studioのコード記述

Firebase console

　
Firebase consoleにてプロジェクトを登録します。登録の過程でアプリのpckage nameを設定するところがあるので事前に決めておきましょう。

新規プロジェクトを作成するか、既存プロジェクトに追加します。
　

　
新規プロジェクト名と国名を設定
　

　
Androidを選択
　

　
とりあえずpackage nameを登録
　

　
google-services.jsonがダウンロードされます。
設定方法が説明されています。（後述します）
　

　
build.gradleへの設定が説明されています。（後述します）
　

　
これでFirebase consoleでの設定は終わりです。

google-services.jsonの設定

　
こちらAndroid Studio スタートガイドを参考に進めます。
先ほどのgoogle-services.jsonを設定するために、Android Studio の [プロジェクト] 表示に切り替え、プロジェクトのルートディレクトリを表示します。
　
ダウンロードした google-services.json ファイルを Android アプリモジュールのルートディレクトリに移動します。
　

　
appの下にgoogle-services.jsonをコピペします。
　

　
Gradle 用の Google サービスプラグインは、ダウンロードした google-services.json ファイルを読み込みます。このプラグインを使用するよう、build.gradle ファイルを修正します。
　
build.gradle(Project: xxx)に
classpath ‘com.google.gms:google-services:3.0.0’
を追加します。versionは適宜合わせてください。
build.gradle(Project: xxx)

buildscript {
    repositories {
        jcenter()
    }
    dependencies {
        ...
        classpath 'com.google.gms:google-services:3.0.0'
        ...
    }
}

buildscript {

repositories {

jcenter()

}

dependencies {

...

classpath 'com.google.gms:google-services:3.0.0'

...

}

　
build.gradle(Module: app)に
com.google.firebase:firebase-ads
apply plugin: ‘com.google.gms.google-services’
を追加します
build.gradle(Module: app)

apply plugin: 'com.android.application'

android {
    ...
    defaultConfig {
    ...
    }
    buildTypes {
        release {
        ...
        }
    }
}

dependencies {
    ...
    compile 'com.google.firebase:firebase-ads:10.0.1'
}

apply plugin: 'com.google.gms.google-services'

apply plugin: 'com.android.application'

android {

...

defaultConfig {

...

}

buildTypes {

release {

...

}

dependencies {

...

compile 'com.google.firebase:firebase-ads:10.0.1'

}

apply plugin: 'com.google.gms.google-services'

コードの記述

　
AndroidManifest.xml, MainActitity.java, activity_main.xml
にそれぞれ設定を記述していきます。
　

INTERNET とACCESS_NETWORK_STATEのpermissionを登録
AndroidManifest.xml

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

    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

    <application
        android:allowBackup="true"
    ...

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

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

package="com.example.testadmobfirebase">

<uses-permission android:name="android.permission.INTERNET"/>

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

<application

android:allowBackup="true"

...

adUnitIdを設定します。ここではテスト用として
ca-app-pub-3940256099942544/6300978111
を使っています。
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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.testadmobfirebase.MainActivity">

    <!-- 個人的好みの画像 -->
    <ImageView
        android:src="@drawable/sample_image"
        android:scaleType="centerCrop"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <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="SMART_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:id="@+id/activity_main"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="com.example.testadmobfirebase.MainActivity">

<ImageView

android:src="@drawable/sample_image"

android:scaleType="centerCrop"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

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

ads:adUnitId="ca-app-pub-3940256099942544/6300978111">

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

</RelativeLayout>

ca-app-pub-3940256099942544~3347511713
はテスト用ですが、自分の広告を出すときはAdMobで設定されている「アプリID」を入れます。
MainActivity.java

package [package name];

import android.app.Activity;
import android.os.Bundle;
import com.google.android.gms.ads.MobileAds;
import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdView;


public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        MobileAds.initialize(getApplicationContext(),"ca-app-pub-3940256099942544~3347511713");

        AdView mAdView = (AdView) findViewById(R.id.adView);
        AdRequest adRequest = new AdRequest.Builder().build();
        mAdView.loadAd(adRequest);
    }
}