Android アプリ開発「MATRIX」

Androidアプリの開発に役立つサンプル集


【最新版】既存のアプリにバナー広告を追加・表示する手順

既存アプリにバナー広告を追加して表示する 

今回は既存のアプリにバナー広告を追加する方法の説明です。

ざっと確認したところバナー広告を追加する基本的な方法は以前からあまり変わっていませんが、Google Mobile Ads SDKのバージョンが「17.0.0」の場合に限りマニフェストファイルに必ず追加しなければならない設定があるので注意が必要です。

それではバナー広告を表示する手順を説明します。

手順①「dependencies」の設定

まずは、「build.gradle」の「dependencies」にアプリ広告用のライブラリ「com.google.android.gms:pley-service-ads:xx.xx.x」が存在するのかを確認します。

<確認手順>アンドロイドスタジオのメニューから「File」→「Project Structure」をクリックして「Project Structure」画面を開き、①→②の順番で項目をクリックしてから③のアプリ広告用のライブラリが存在するかを確認します。 

アンドロイド開発「広告設定」
一覧に「com.google.android.gms:play-service-ads:xx.x.x」があるかを確認する

 

~ 広告用のライブラリが無い場合 ~

アプリ広告用のライブラリが無い場合は「Project Structure」画面の右上にある「+」アイコンをクリックすると表示されるメニューから「Library dependency」を選択して、ライブラリの追加選択画面を表示します。

アプリにバナー広告を表示する方法2

ライブラリの追加選択画面が表示されたら、その一覧の中から「com.google.android.gms:play-service-ads:xx.x.x」というライブラリを選択し、「OK」ボタンをクリックしてください。「Project Structure」画面を確認するとアプリ広告用のライブラリが追加されているはずです。

アプリにバナー広告を表示する方法3
バナー広告用のライブラリを追加する。

手順② マニフェストファイルに設定を追加

マニフェストファイルには以下の3つの設定を追加する必要があります。使用している「Google Mobile Ads SDK」のバージョンが「17.0.0」の場合は、2つ目の設定が必須になっています。

1.パーミッションの追加

<!-- 追加1パーミッション -->
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

2.メタデータの追加

<!-- 追加2 Google Mobile Ads SDK 17.0.0 では必須 -->
<meta-data android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca-app-pub-3940256099942544~3347511713" />

3.広告用アクティビティの追加

<!-- 追加3 -->
<activity
android:name="com.google.android.gms.ads.AdActivity"
android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"
android:theme="@android:style/Theme.Translucent" />

手順③ レイアウトファイルに「AdView」を追記

バナー広告を表示したいレイアウトファイルにバナー広告用の「AdView」を追加します。 ベースレイアウトは「RelativeLayout」を使用した方が良いようです。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:ads="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
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_alignParentBottom="true"
android:layout_centerHorizontal="true"
ads:adSize="BANNER"
ads:adUnitId="ca-app-pub-3940256099942544/6300978111" />
</RelativeLayout>

 

手順③ バナー広告の読み込みコードを追加

バナー広告用を表示したいアクティビティにバナー広告を読み込ませるためのコードを追加します。以前は「初期化」をする必要がなかったのですが、ここ最近になって「Mobile.initialize」で初期化するようになったようです。

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//レイアウトファイルをセット
setContentView(R.layout.activity_main);
//初期化する
MobileAds.initialize(this,"ca-app-pub-3940256099942544/6300978111");
//レイアウトファイルにある広告用のビューを取得
AdView adView = (AdView) findViewById(R.id.adView);
//広告のリクエストをビルド
AdRequest adRequest = new AdRequest.Builder().setRequestAgent("Ads:Test").build();
//広告を読み込んで表示
adView.loadAd(adRequest);
}
}

実行結果

起動するとメインのアクティビティが表示され、その数秒後、画面の下部にバナー広告(テスト用)が表示されました。

アンドロイドアプリ広告テスト

まとめ

以前よりも何点か設定が増えていますが、バナー広告を表示するのはそれほど難しくはありません。

より詳しい内容については公式開発サイトで確認してみてください。

developers.google.com

END