Cordova(Phonegap)で AdMobを表示する (Android)

いくつか参考となるサイトがあったのですが、どれを試しても動かず・・・最終的には以下のサイトの方法でうまくいきました。
GitHub / PhoneGap-Android-Native-AdMob

AdMobへの登録

AdMobとは、Google AdSenseのアプリ版のようなものです。(アプリ内にAdSenseを貼ることは禁止されているようです)
まずAdMobに登録して、広告IDを取得します。

AdMob

※リリース前のアプリの広告を作成する際には、「アプリを手動で追加」を選択します。

AdMob SDKのインストール


AdMobを使うためには、SDKをダウンロードしてプロジェクト内にインストールする必要があります。
AdMob SDK(Android)

解凍後、Eclipseを起動して、"GoogleAdMobAdsSdk-*.*.*.jar" ファイルをプロジェクトのlibフォルダに入れます。
追加したjarファイルを右クリックすると、「ビルド・パス ‐ ビルド・パスに追加」というメニューがあるので、追加しておきます。

ソースの修正


"src/プロジェクト名/プロジェクト名.java" ファイルを開き、以下のように修正します。
package パッケージ名;

import android.os.Bundle;
import org.apache.cordova.*;


import com.google.ads.*;
import android.widget.LinearLayout;


public class パッケージ名 extends CordovaActivity 
{

    private AdView adView;

 @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        super.init();
        // Set by  in config.xml
        super.loadUrl(Config.getStartUrl());
        //super.loadUrl("file:///android_asset/www/index.html");

        // Create the adView
        adView = new AdView(this, AdSize.BANNER, "広告ユニットID"); 
        LinearLayout layout = super.root;
        layout.addView(adView); 
        AdRequest request = new AdRequest();
        request.setTesting(true);  // 本番ではfalseにする
        adView.loadAd(request); 

    }

}

設定の修正

"www/AndroidManifest.xml" ファイルを開き、manifestタグの中に以下を追加します。(最初から登録されている場合もあります)
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

また、applicationタグの中に以下を追加します。
<activity android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize" android:name="com.google.ads.AdActivity"></activity>

※android:targetSdkVersion="13"以上になっているか確認しておきます。
APIレベル13(Android 3.2)未満の場合、ターゲットを13以上にしておきます。

以上で、広告が表示されるようになると思います。

  • Spread The Love
  • Digg This Post
  • Tweet This Post
  • Stumble This Post
  • Submit This Post To Delicious
  • Submit This Post To Reddit
  • Submit This Post To Mixx

0 Response to “Cordova(Phonegap)で AdMobを表示する (Android)”

Leave a Reply