13

您如何在 2014 年将 Google Admob 添加到 phonegap 应用程序（android）？

我在网上查了很多例子，例如link1 link2 Link3 Link4。大多数指向 Google 的链接即将被弃用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 运行安卓

4

3 回答 3

9

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

于 2014-03-14T14:41:33.033 回答
3

回顾（2016 年）。为了将它与 npm 源一起使用，如果您使用的是 cordova CLI 版本，您可以添加您的插件：

$ cordova plugin add cordova-admob

如果你正在与 phonegap 构建集成，因为它们不支持 gradle（此时），你应该在你的 config.xml 中添加这个标签：

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

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

于 2016-04-30T09:51:43.700 回答
0

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

于 2014-11-16T11:52:24.550 回答