Cordova/phoneGap的Android平台添加Admob、多盟、百度移动联盟广告方法 | 志文工作室

• 
  

目录

[隐藏]

• 1. 下载 Admob SDK
• 2. 解压 SDK 获得 jar 包
• 3. 导入该 jar 库
• 4. 添加 AdActivity 声明
• 5. 修改项目 Android 入口类文件
• 6. 多盟广告添加参考
• 7. 添加百度移动应用广告
• 8. 使用 Cordova 插件添加 Admob广告

使用 Cordova/phonegap 打包android应用，应当如何添加广告呢？

谷歌网页广告明确表示不允许移动应用加Adsense广告，在移动应用中使用 AdSense 移动内容广告将会违反 AdSense 合作规范。移动应用包括任何可下载的应用，即便借助 WebView 来显示广告也是如此。移动应用中的任何 AdSense 移动内容广告单元都将被停用。

那么我们只能通过原生方式来添加了。下面志文工作室为您分享成功在 Cordova 项目中添加 Admob 广告的方法步骤，如有不足敬请指正。

1. 下载 Admob SDK

Google Admob （SDK下载：https://developers.google.com/mobile-ads-sdk/download）

2. 解压 SDK 获得 jar 包

解压 SDK 获得 jar 文件（如：GoogleAdMobAdsSdk-6.4.1.jar），将其复制到 Cordova 项目的 Android 平台中的 libs 目录中：

platforms\android\libs

3. 导入该 jar 库

启动 eclipse，打开 platforms\android\ 项目工程，参照下面的步骤添加JAR 包：
1) 在 “Package Explorer” 页签中右击你的工程并选择 “Properties”
2) 在左侧面板中选择 “Java Build Path”
3) 在主窗口中选择 “Libraries”页签
4) 点击“Add JARs…”按钮
5) 选择您拷贝到libs 目录下的domob_android_sdk.jar
6) 点击 “OK” 完成添加，如图所示：

4. 添加 AdActivity 声明

修改 AndroidManifest.xml 文件，在 application 标签中添加如下 activtiy 声明：

<activity android:configChanges=”keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize” android:name=”com.google.ads.AdActivity” />

5. 修改项目 Android 入口类文件

文件位置在 platforms\android\src\项目包路径 下，如：

platforms\android\src\com\lzw\joke\joke.java

修改后的内容参考：

01	package com.lzw.joke;

02

03	import android.os.Bundle;

04	import org.apache.cordova.*;

05	import com.google.ads.*;

06	import android.widget.LinearLayout;

07

08	public class SampleApp extends DroidGap{

09	public void onCreate(Bundle savedInstanceState){

10	super.onCreate(savedInstanceState);

11	super.init();

12	super.loadUrl(Config.getStartUrl());

13

14	LinearLayout layout = super.root;

15	AdView adView = new AdView(this, AdSize.BANNER, "应用广告ID");

16	layout.addView(adView);

17	AdRequest request = new AdRequest();

18	adView.loadAd(request);

19

}

20

}

延时30秒显示谷歌广告：

01	package com.lzw.joke;

02

03	import android.os.Bundle;

04	import android.os.Handler;

05	import org.apache.cordova.*;

06	import com.google.ads.*;

07	import android.widget.LinearLayout;

08

09	public class joke extends CordovaActivity

10

{

11

@Override

12	public void onCreate(Bundle savedInstanceState)

13

{

14	super.onCreate(savedInstanceState);

15	super.init();

16

17	// Set by <content src="index.html" /> in config.xml

18	super.loadUrl(Config.getStartUrl());

19	//super.loadUrl("file:///android_asset/www/index.html");

20

21	//延时30秒后显示广告

22	new Handler().postDelayed(new Runnable(){

23	public void run() {

24

addAd();

25

}

26	}, 30000);

27

}

28

//添加广告

29	private void addAd() {

30

//admob

31	LinearLayout layout = super.root;

32	AdView adView = new AdView(this, AdSize.BANNER, "a153875d516f50a");

33	layout.addView(adView);

34	AdRequest request = new AdRequest();

35	adView.loadAd(request);

36

}

37

}

通过如上步骤，即可完成 Android 平台广告的添加。

6. 多盟广告添加参考

01	package com.lzw.joke;

02

03	import android.os.Bundle;

04	import org.apache.cordova.*;

05	import com.google.ads.*;

06	import android.widget.LinearLayout;

07

08	public class SampleApp extends DroidGap{

09	DomobAdView mAdview320x50;

10	public void onCreate(Bundle savedInstanceState){

11	super.onCreate(savedInstanceState);

12	super.init();

13	super.loadUrl(Config.getStartUrl());

14

15	mAdview320x50 = new DomobAdView(this, "应用广告ID", DomobAdView.INLINE_SIZE_320X50);

16	LinearLayout layout = super.root;

17	//设置广告view的监听器。

18	mAdview320x50.setOnAdListener(new DomobAdListener() {

19	public void onReceivedFreshAd(DomobAdView adview) {

20	Log.i("DomobSDKDemo", "onReceivedFreshAd");

21

}

22	public void onFailedToReceiveFreshAd(DomobAdView adview) {

23	Log.i("DomobSDKDemo", "onFailedToReceiveFreshAd");

24

}

25	public void onLandingPageOpening() {

26	Log.i("DomobSDKDemo", "onLandingPageOpening");

27

}

28	public void onLandingPageClose() {

29	Log.i("DomobSDKDemo", "onLandingPageClose");

30

}

31

});

32	layout.addView(mAdview320x50);

33

}

34

}

更多请参考多盟SDK文档：http://www./developers/SDKdownload.htm

7. 添加百度移动应用广告

方法步骤与 Google Admob 广告添加方法十分相似，在此不再详述。可参考百度移动联盟 SDK 及用户手册：

http://munion.baidu.com/about.html#/sdk/mobSdk

8. 使用 Cordova 插件添加 Admob广告

请参考：https://github.com/aliokan/cordova-plugin-admob.git