Android StudioでGradleを使ったadmob広告の表示方法

Androidの開発環境がEclipseからAndroid Studioに移行してしばらく時間が経ちましたが、Android StudioでGradleを使ったadmob広告の表示方法を書きます。

１．app/build.gradleにadmobライブラリを追加

dependenciesの中に以下の赤字部分を追記します。バージョンはその時の最新のものを書きます。

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.android.support:appcompat-v7:21.0.3'
    compile 'com.google.android.gms:play-services-ads:9.2.0'
}

２．gradleの内容をsyncする

Android StudioのTools→Android→Sync Project with Gradle Filesを選択

これでadmobライブラリが取り込まれます。

３．AndroidManifest.xmlにadmob使用を追加

以下の赤字の部分を追記します。

<application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <meta-data android:name="com.google.android.gms.version"
            android:value="@integer/google_play_services_version" />
        <activity
        android:name=".ComicMemo"
        android:label="@string/app_name" >
        ・・・
        </activity>
        <activity android:name="com.google.android.gms.ads.AdActivity"
            android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"/>
        ・・・
</application>

４．レイアウトファイルにadmob表示エリアを追加

xmlレイアウトファイルに以下の赤字部分を追加する事で広告が表示されます。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
・・・
        <com.google.android.gms.ads.AdView
                xmlns:ads="http://schemas.android.com/apk/res-auto"
                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-XXXXXXXXXXXXXXXX/XXXXXXXXXX">
        </com.google.android.gms.ads.AdView>
</RelativeLayout>

これは、バナー型の広告で画面下部に表示する設定としています。

５．広告を表示する処理を追加

xmlレイアウトファイルに紐づくjavaファイルに広告を表示する処理を追加します。

５．１．importの追加

import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdView;
 

５．２．クラス変数にadmob用の変数を追加

private AdView mAdView;
 

５．３．onCreateメソッドで広告を生成

protected void onCreate(Bundle savedInstanceState) {

        setContentView(R.layout.activity_comic_memo);
        dataList = new ArrayList<Map<String, String>>();

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

        ・・・
}

５．４．onDestroyメソッドで広告を破棄

public void onDestroy() {
        mAdView.destroy();
        super.onDestroy();
}
 

以上の設定で広告の表示は完了です。

実行して以下の表示が出れば成功です。

って事で、持ってるマンガの巻数を一括で管理できるアプリ「巻数メモ」をリリースしたので是非使用してみてください。

-----------------------------

2016.11.13追記

gitHubにてソースコードを公開しました！

git@github.com:highcom/ComicMemo.git