Google Play Admob与Phonegap集成

时间:2014-03-13 15:52:24

标签: cordova admob google-play-services cordova-admob

2014年如何将Google Admob添加到手机屏幕应用(Android)?

我在网上查了很多例子,例如link1 link2 Link3 Link4。大多数链接到Googles很快就会被弃用Android 6.4.1 tutorial

除了特定的android或iOS教程之外,我找不到任何可以演示如何将latest admob实施到跨平台应用的电话空白。我已经看过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运行android

3 个答案:

答案 0 :(得分:9)

此admob插件适用于google play sdk:https://github.com/floatinghotpot/cordova-plugin-admob。检查主文件夹和子文件夹中的自述文件以获取详细信息。

答案 1 :(得分:4)

评论(2016年)。为了将它与npm源一起使用,如果您使用的是cordova CLI版本,则可以添加以下插件:

$ cordova plugin add cordova-admob

如果您正在与phonegap构建集成,因为它们不支持gradle(此时),您应该在config.xml中添加此标记:

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

有完整的设置说明和wiki here

答案 2 :(得分:0)

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