如何将AdMob广告集成到Cordova项目中，同时支持Android和iOS？

Question

如何将AdMob广告集成到Cordova项目中，同时支持Android和iOS？

8

我正在使用最新版本的Cordova（6）编写一个跨平台应用程序，并且在试图让AdMob广告在iOS和Android上工作时遇到了很多问题。我已经下载了AdMob的代码示例，但是我不知道如何从JavaScript控制它。我了解插件架构的一些内容，但是我似乎无法让它起作用。

请帮帮我。

- Jacky C

3个回答

3

这是我最简单的方式：

https://www.npmjs.com/package/cordova-plugin-admobpro-firebase 我已经在使用它了。它对于IOS和Android都很容易使用...

感谢@ir2pid "这个用户会拿走你收入的30%，但没有说明。" 所以它会拿走你的一些收入。

- Fuat

2

该用户未明示地收取高达30%的收益。请查看插件的问题列表以获取说明，除非已被所有者删除。 - ir2pid

这个用户没有明确说明，却抽取了高达30%的收入，是哪个用户@ir2pid？ - Fuat

1

插件的创建者 - ir2pid

1

你可以使用以下插件：

Admob-plus

这似乎是目前最受欢迎的包。它是cordova-plugin-admob-free插件的继承者。我正在研究它以供自己使用。

- user3980196

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Martin · Accepted Answer

你最好使用一个现成的插件来完成这个任务。我有使用过一个插件，它在 Cordova 6 上同时在 iOS 和 Android 平台上运行良好。

完整的说明在这里：https://github.com/sunnycupertino/cordova-plugin-admob-simple 或者在这里：https://www.npmjs.com/package/cordova-plugin-admob-simple 安装方法如下：

cd yourappfolder

cordova plugin add cordova-plugin-admob-simple

如果您正在使用Eclipse，请将google-play-services.jar文件复制到libs文件夹中。

在应用程序标签结束之前，在清单文件中添加以下行：

<meta-data android:name="com.google.android.gms.version" android:value="8487000" />

现在在你的JavaScript中，添加以下函数：

//initialize the goodies 
function initAd(){
        if ( window.plugins && window.plugins.AdMob ) {
            var ad_units = {
                ios : {
                    banner: 'ca-app-pub-xxxxxxxxxxx/xxxxxxxxxxx',       //PUT ADMOB ADCODE HERE 
                    interstitial: 'ca-app-pub-xxxxxxxxxxx/xxxxxxxxxxx'  //PUT ADMOB ADCODE HERE 
                },
                android : {
                    banner: 'ca-app-pub-xxxxxxxxxxx/xxxxxxxxxxx',       //PUT ADMOB ADCODE HERE 
                    interstitial: 'ca-app-pub-xxxxxxxxxxx/xxxxxxxxxxx'  //PUT ADMOB ADCODE HERE 
                }
            };
            var admobid = ( /(android)/i.test(navigator.userAgent) ) ? ad_units.android : ad_units.ios;

            window.plugins.AdMob.setOptions( {
                publisherId: admobid.banner,
                interstitialAdId: admobid.interstitial,
                adSize: window.plugins.AdMob.AD_SIZE.SMART_BANNER,  //use SMART_BANNER, BANNER, IAB_MRECT, IAB_BANNER, IAB_LEADERBOARD 
                bannerAtTop: false, // set to true, to put banner at top 
                overlap: true, // banner will overlap webview  
                offsetTopBar: false, // set to true to avoid ios7 status bar overlap 
                isTesting: false, // receiving test ad 
                autoShow: false // auto show interstitial ad when loaded 
            });

            registerAdEvents();
            window.plugins.AdMob.createInterstitialView();  //get the interstitials ready to be shown 
            window.plugins.AdMob.requestInterstitialAd();

        } else {
            //alert( 'admob plugin not ready' ); 
        }
}
//functions to allow you to know when ads are shown, etc. 
function registerAdEvents() {
        document.addEventListener('onReceiveAd', function(){});
        document.addEventListener('onFailedToReceiveAd', function(data){});
        document.addEventListener('onPresentAd', function(){});
        document.addEventListener('onDismissAd', function(){ });
        document.addEventListener('onLeaveToAd', function(){ });
        document.addEventListener('onReceiveInterstitialAd', function(){ });
        document.addEventListener('onPresentInterstitialAd', function(){ });
        document.addEventListener('onDismissInterstitialAd', function(){
            window.plugins.AdMob.createInterstitialView();          //REMOVE THESE 2 LINES IF USING AUTOSHOW 
            window.plugins.AdMob.requestInterstitialAd();           //get the next one ready only after the current one is closed 
        });
    }

//display the banner 
function showBannerFunc(){
    window.plugins.AdMob.createBannerView();
}
//display the interstitial 
function showInterstitialFunc(){
    window.plugins.AdMob.showInterstitialAd();
}

在onDeviceReady()中调用init()。

使用showInterstitialFunc()和showBannerFunc()来展示广告。

请记得在展示插屏广告前要等待一段时间，因为它需要加载。

希望这可以帮到你。