Google Play Admob integration with Phonegap



如何在2014年将Google Admob添加到phonegap应用(android)中?

我在网上查了很多例子,例如link1 link2 Link3 Link4。大部分链接到谷歌即将弃用的Android 6.4.1教程。

除了特定的android或iOS教程,我找不到任何演示如何实现最新的admob到phonegap的跨平台应用。我曾看过inmobi,但它似乎意味着你必须先发布应用,然后才能为你的广告获得发行商id。

更新Android简化指令我得到了广告的黑盒子但是没有其他东西,没有警告信息,没有广告

phonegap create myproject
cd mypproject
phonegap run android

关闭模拟器

1.Install the Google Play Services plugin:  cordova plugin add     https://github.com/MobileChromeApps/google-play-services.git  
2.Install this plugin:  cordova plugin add https://github.com/floatinghotpot/cordova-plugin-admob.git  

然后我转到index.js和onDeviceReady,我添加了

   onDeviceReady: function() {
     app.receivedEvent('deviceready');
if( window.plugins && window.plugins.AdMob ) {
    var admob_android_key = 'pub-6xxxxxxxxxxxxx';
    var am = window.plugins.AdMob;
    am.createBannerView( 
    {
    'publisherId': admob_android_key,
    'adSize': am.AD_SIZE.BANNER,
    'bannerAtTop': true
    }, 
    function() {
        am.requestAd(
            { 'isTesting':true }, 
            function(){
                am.showAd( true );
            }, 
            function(){ alert('failed to request ad'); }
        );
    }, 
    function(){ alert('failed to create banner view'); }
    );
    } else {
    alert('AdMob plugin not available/ready.');
    }
  }

添加到index.html

       <div>
            <button id='show-ad' onClick="if(window.plugins.AdMob){ window.AdMob.plugins.showAd(true); }">Show Ad</button>
            <button id='hide-ad' onClick="if(window.plugins.AdMob){ window.AdMob.plugins.showAd(false); }">Hide Ad</button>
        </div>

phonegap run android

这个admob插件适用于google play sdk: https://github.com/floatinghotpot/cordova-plugin-admob。查看主文件夹和子文件夹中的自述信息。

Review(2016)。为了在npm源中使用它,如果你使用的是cordova CLI版本,你可以添加你的插件:

$ cordova plugin add cordova-admob

如果你正在集成phonegap build,因为他们不支持gradle(目前),你应该在config.xml中添加这个标签:

<gap:plugin name="phonegap-admob" source="npm"/>

这里有完整的设置说明和wiki

这是一个博客。这样你就可以在没有任何插件的情况下在你的Phonegap应用中添加admob。http://phonegapguru.blogspot.in/2014/11/how-to-add-native-admob-ad-in.html?m=1

最新更新