2013年8月23日金曜日

AndroidアプリにAdMobを使ってバナーを表示する

目次へ



Google AdMob Ads SDKを使ってAndroidアプリにバナーを表示するには次のことが必要です
また、これについては Google AdMob Ads Android(初級)のページを参照してください

  • Google Mobile Ads SDKをダウンロードし、Eclipse に組み込む
  • AdMobと契約
  • AdMobにアプリを登録
  • アプリにAdView(バナーを表示するためのビュー)を表示
    1. AndroidManifest.xmlでINTERNETとACCESS_NETWORK_STATE権限を設定
    2. AndroidManifest.xmlでAdMob SDKを使うためにactivityの宣言
    3. 方法①layoutのxmlファイルでAdViewを表示する
    4. 方法②プログラムでAdViewを表示する


■■■■Google Mobile Ads SDKをダウンロードし、Eclipse に組み込む■■■■

  • https://developers.google.com/mobile-ads-sdk/download?hl=jaのページで GoogleAdMobAdsSdkAndroid.zipをダウンロードし展開
  • Eclipseを開き、その中のjarファイルをアプリのプロジェクトのlibsフォルダにコピー
  • 今コピーしたjarファイルをビルドパスに追加
    Eclipseのパッケージエックスプローラでプロジェクトをクリックした後、メニューの[プロジェクト]-[プロパティ]-[左のメニューからjavaのビルドパス]をクリック
    [ライブラリタブ]をクリックし[外部jar追加ボタン]を押し、jarファイルを追加
これで、com.google.ads.AdView(これがバナーを表示するためのビュー)が使えるようになります

■■■■AdMobと契約■■■■

AdMobへの申し込みページで申し込みを行います。 支払いを受け取るために、銀行口座などが必要です

■■■■AdMobにアプリを登録■■■■

AdMobのページでログインします。
サイト/アプリケーションの追加ボタンを押し、アプリを登録します。


■■■■AndroidManifest.xmlの設定■■■■

AndroidManifest.xmlで
  • com.google.ads.AdActivityの宣言
  • 権限
が必要です
次の例はGoogle AdMob Ads Android(初級) に記載されていたxmlの例です
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
          package="com.company"
          android:versionCode="1" android:versionName="1.0">
  <application android:icon="@drawable/icon" android:label="@string/app_name"
               android:debuggable="true">
    <activity android:label="@string/app_name" android:name="BannerExample">
      <intent-filter>
        <action android:name="android.intent.action.MAIN"/>
        <category android:name="android.intent.category.LAUNCHER"/>
      </intent-filter>
    </activity>
    <activity android:name="com.google.ads.AdActivity"
          android:configChanges=
          "keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"/>
  </application>
  <uses-permission android:name="android.permission.INTERNET"/>
  <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
</manifest>
2つ目のactivityとuses-permissionが必要です

■■■■layoutのxmlファイルでAdViewを表示■■■■

Adviewをlayoutのxmlファイルに書くか、プログラムの中でAdViewを作成すればそこに、バナーが表示されます。
まず、layoutのxmlファイルで設定する方法

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"  これがads:を使うために必要
 以下省略>    




    <com.google.ads.AdView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"  1番下に表示したいなら
        ads:adSize="BANNER"
        ads:adUnitId="パブリッシャID"         パブリッシャIDを知る方法は下で
        ads:loadAdOnCreate="true"
        ads:testDevices="TEST_EMULATOR, TEST_DEVICE_ID" />



バナーを入れたい場所にcom.google.ads.AdViewを作成します。
ここで使っているads:は1番最初のタグで設定しておきます。

パブリッシュIDを知る方法
AdMobのページにログインします。
下の方に登録されているアプリの名前が出ています。
その名前にマウスのポインタを乗せるとレポートボタンと設定を管理ボタンが表示されますので、設定を管理ボタンを押します。
すると、次のページでアプリの名前の下にサイトURLとパブリッシャーIDが表示されています。
それをマニフェストファイルの ads:adUnitIdに設定します

■■■■プログラムでAdViewを表示■■■■

次はプログラムでAdViewを作成する方法です。

private AdView adView;
protected void onCreate(Bundle savedInstanceState) {
    
            省略
    adView = new AdView(this, AdSize.BANNER, "パブリッシャーID");
    RelativeLayout layout = (RelativeLayout)findViewById(R.id.xx);
    layout.addView(adView);
}
@Override
public void onDestroy() {
    adView.destroy();
    super.onDestroy();
}






にほんブログ村 IT技術ブログ IT技術メモへ
にほんブログ村

1 件のコメント:

  1. If you are looking for an excellent contextual advertising company, I recommend you have a look at Chitika.

    返信削除