2015-09-14

Android Studio でアプリに AdMob を追加

スポンサーリンク

このブログで作成したゲームアプリのようなクソゲーカスアプリでは収益化はまず不可能ですが、後学のため AdMob の追加を実践してみます。Android Studio を使ってアプリに AdMob を追加し、広告を表示するための基本的な手順は以下のページに記載されています。
[Android 向け Mobile Ads SDK]

私が作成したアプリの MainActivity (ゲーム画面)に広告を表示するのはプレイの邪魔になるため、MainActivity ではなく Fragment を使った設定画面の下に広告が表示されるようにしました。少しはまったので、手順を記しておきます。(※ 上記ページの手順で "メイン アクティビティ レイアウトに AdView を配置する" までの手順は同じです。)

レイアウトに AdView を配置する


設定画面を表示している SettingsActivitySettingsPreferenceFragment を使っているだけなので xml によるレイアウトは使っていませんでした。AdMob を表示するための AdView と PreferenceFragment を同居させるにはレイアウトを使ったほうが存外簡単そうなので、まずは "layout" 以下に "activity_settings.xml" を作成しました。
  • activity_settings.xml
<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:id="@+id/fragment" />
    <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>

クラスに広告を読み込む


次に "SettingsActivity" クラスに広告を読み込むように onCreate() を以下のように修正しました。
  • SettingsActivity.java
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
    setContentView(R.layout.activity_settings);
    FragmentTransaction fragmentTransaction
        = getFragmentManager().beginTransaction();
    fragmentTransaction.add(R.id.fragment, new SettingsPreferenceFragment());
    fragmentTransaction.commit();
    AdView mAdView = (AdView) findViewById(R.id.adView);
    AdRequest adRequest = new AdRequest.Builder().build();
    mAdView.loadAd(adRequest);
}
以上で、アプリに広告を表示する準備ができました。

広告を表示する


アプリを実行し、設定画面を表示すると無事に広告のテストバナーが画面下中央に表示できていることが確認できました。
スポンサーリンク

0 件のコメント:

コメントを投稿