PhoneGap(Apache Cordova)应用加入admob广告

08-09 01:41:37   来源:cnblogs   评论: 点击:

如果你能顺利的打开PhoneGap Cordova创建的Project,你将会看到整个的开发工程结构。HTML,CSS和JS的代码主要放在assets目录下面。
第一个程序

前面说到如何安装和配置PhoneGap/ Cordova开发环境,配置好了我们就开始写个小的demo吧。

如果你能顺利的打开PhoneGap/ Cordova创建的Project,你将会看到整个的开发工程结构。HTML,CSS和JS的代码主要放在assets目录下面。

这里我新建一个1.html文件和index.html文件通过链接来回切换。

index.html代码如下:

<div id=”deviceready” class=”blink”> 
<p class=”event listening”>Connecting to Device</p> 
<p class=”event received”>Device is Ready</p> 
<p><a href=”1.html”>Hello World!</a></p> 
</div>

1.html代码就是把index.html拷贝过来改下,其他的都不变:

<div id=”deviceready” class=”blink”>

<p><h1><a href=”index.html”>GO BACK</a></h1></p> 
</div>

跑一跑,试一试。开始还是很简单的。NB的东东。。。。

植入admob广告

弄出好玩的东西很重要,午饭也很重要。下面简单的介绍下如何将admob广告放到PhoneGap/ Cordova应用中。

首先当然是申请AdMob账户了,搜下很多的。

申请账户->添加应用拿到ID->下载AdMob for andorid SDK。搞定这些,就可以折腾下代码了。

1. 把GoogleAdMobAdsSdk-*.jar拷贝到项目的libs目录中。

2. 把这个jar文件添加到build path中: 右键project -> properties -> Java Build Path ->Libraries -> Add JARs …….

3. 打开src/../youMainFileName.java,import com.google.ads.*;

4.  简单的逻辑代码:

package com.phonegap.admob;
import android.os.Bundle;
import android.widget.LinearLayout;
import com.google.ads.*;
import org.apache.cordova.*;
public class MainActivity extends DroidGap {
private static final String AdMob_Ad_Unit = “Unit_ID_Here”;
private AdView adView;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl(“file:///android_asset/www/index.html”);
        adView = new AdView(this, AdSize.BANNER, AdMob_Ad_Unit);
        LinearLayout layout = super.root;
        layout.addView(adView);
        AdRequest request = new AdRequest();
       // request.setTesting(true);
        adView.loadAd(request);
    }
}

5. 在AndroidManifest.xml中加入: 
<activity android:name=”com.google.ads.AdActivity” android:configChanges=”keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize”/> 
跑一跑,试一试,看到你的广告了没?。。。。。。 
反正我是看到了。

这里找到一个很好的文章:

http://my.oschina.net/noahxiao/blog/61987?from=rss

https://github.com/sainttex/PhoneGap-Android-Native-AdMob

相关热词搜索:PhoneGap

上一篇:PhoneGap(Apache Cordova)安装配置 下一篇:Apache Cordova介绍
分享到: 收藏