[Android & Kotlin] AdMob 広告をGoogle Mobile Ads SDKで設定する

無料でアプリを公開して広告を貼りましょう。定番はGoogleがやっている AdMob です。アプリの人気がでればそれなりにマネタイズになります。

Android Studio
2021.1.1

AdMob Banner

このAdMob広告の設定は、Google Mobile Ads SDKを使った今までの方法です。
Firebaseを使うAdMob設定とは異なりますので注意してください。
　
Google的にはFirebaseに移行したいのでしょうけれど、まだSDKの方法でないと支障がでるケースを考えて残してあると考えられます。
基本的にはAndroid Admob ガイドに沿って進めますが時々情報が古いこともあったりします。(この記事が古い場合もありますが)

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

目次
1. play-services-ads を設定
2. meta-dataにApp IDを設定
3. レイアウトファイルにAdView、AdUnit の記述
4. AdView と AdRequest の記述
5. レイアウトファイル無しでコードのみ
6. アプリ ID と広告ユニット ID

play-services-ads を設定

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

　
dependencies に play-services-ads を追加
com.google.android.gms:play-services-ads.x.x.x
(バージョンは随時更新されます)
　
build.gradle(Module: )

...
dependencies {
    ...
    implementation 'com.google.android.gms:play-services-ads:20.6.0'
}

...

dependencies {

...

implementation 'com.google.android.gms:play-services-ads:20.6.0'

}

尚、Android Admob ガイドには以下の設定がありますが、古いAndroid Studioでの設定と思われ、2021.1.1ではこれを入れるとエラーになります
因みにgoogle(), MavenCentral()はsettings.gradleにそれらしきものが追加されていておそらく不要になったのだと思われます。
またバージョンの21から変更があるようなので臨機応変な対応が常に必要です

buildscript {
    repositories {
        google()
        mavenCentral()
    }
}

allprojects {
    repositories {
        google()
        mavenCentral()
    }
}

buildscript {

repositories {

google()

mavenCentral()

}

allprojects {

repositories {

google()

mavenCentral()

}

meta-dataにApp IDを設定

アプリの AndroidManifest.xml に meta-data タグを追加します。
ADMOB_APP_IDには
ここではテストのアプリIDを設定
ca-app-pub-3940256099942544~3347511713

リリースではあなたのアプリIDを設定します。
　
AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    ...
    <application
        ...
        <!-- Sample AdMob App ID: ca-app-pub-3940256099942544~3347511713 -->
        <meta-data
            android:name="com.google.android.gms.ads.APPLICATION_ID"
            android:value="ca-app-pub-3940256099942544~3347511713"/>

        <activity android:name=".MainActivity">
            ...
    </application>
</manifest>

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

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

...

<application

...

<meta-data

android:name="com.google.android.gms.ads.APPLICATION_ID"

android:value="ca-app-pub-3940256099942544~3347511713"/>

...

</application>

</manifest>

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

xmlns:adsの追加、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/img"
        android:scaleType="centerCrop"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:contentDescription="@string/description"/>
     -->

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

android:scaleType="centerCrop"

android:layout_width="wrap_content"

android:layout_height="match_parent"

android:contentDescription="@string/description"/>

-->

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

　
画像を入れた場合は、descriptonを指定しているので
strings.xml

<resources>
    <string name="app_name">YourAppName</string>
    <string name="description">Image</string>
</resources>

<string name="app_name">YourAppName</string>

<string name="description">Image</string>

</resources>

ちなみに
ca-app-pub-3940256099942544/6300978111
このadUnitId、広告ユニットIDはテスト用です。

com.google.android.gms.ads.xxx
は応答に時間がかかることがありエラーがしばらく続くことがあります。

本番では、UnitIDをAdMobから取得した正式なものを使います

Activityの記述

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

またリスナーを設定してAdMobのライフサイクルを確認できデバッグに役立ちます。

MainActivity.kt

//package your.package.name

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.widget.RelativeLayout
import com.google.android.gms.ads.*

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // Test App ID
        MobileAds.initialize( this )

        val adView = findViewById(R.id.adView)
        val adRequest = AdRequest.Builder().build()
        adView.loadAd(adRequest)
    }
}

//package your.package.name

import androidx.appcompat.app.AppCompatActivity

import android.os.Bundle

import android.util.Log

import android.widget.RelativeLayout

import com.google.android.gms.ads.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

// Test App ID

MobileAds.initialize( this )

val adView = findViewById(R.id.adView)

val adRequest = AdRequest.Builder().build()

adView.loadAd(adRequest)

}

　
これで実行してみると
　

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

コードのみで実装

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

//package your.package.name

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.widget.RelativeLayout
import com.google.android.gms.ads.*

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val AdUnitID = "ca-app-pub-3940256099942544/6300978111"

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

        // 背景 お好みで
        //layout.setBackgroundResource(R.drawable.img)

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

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

        MobileAds.initialize( this )

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

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

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

    }
}