Question

我想使用phonegap创建一个Android应用程序，其中包含一个简单的基本HTML页面，如本教程所示。

http://pointdeveloper.com/how-to-add-banner-ads-to-phonegap...

https://phonegap.com/blog/2016/08/09/appfeel-guest-post/

将以下行添加到＆＃34; config.xml＆＃34;

＆＃13;

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

＆＃13;

这是我的＆＃34; index.html＆＃34;文件

＆＃13;

<!DOCTYPE html>
<html>
<head>
    <title>Title Of The App</title>
    <meta name="viewport" content="user-scalable=no, initial-scale=1, 
    maximum-scale=1, minimum-scale=1, width=device-width, min-height=device-
    height" />
    <link rel="stylesheet" type="text/css" href="css/index.css">
 
</head>
        
<body onload="domLoaded()">
  <header>pointDeveloper.com</header>
        
  <div class="wrapper">Please Subscribe To My Channel and like the video
  	      
  					
  </div>        
   
 <footer class="footer">This is spartaaaa</footer>
 
  <script src="cordova.js"></script>
  <script type="text/javascript" src="js/index.js" ></script>
  <script type="text/javascript" >
		function adSetter(){
alert(navigator.userAgent);
var admobid = {};
// select the right Ad Id according to platform
if( /(android)/i.test(navigator.userAgent) ) { 
    admobid = { // for Android
        banner: 'ca-app-pub-6136762217480399/8690615372',
        interstitial: 'ca-app-pub-6136762217480399/5002296586'
    };
} else if(/(ipod|iphone|ipad)/i.test(navigator.userAgent)) {
    admobid = { // for iOS
        banner: 'ca-app-pub-6869992474017983/4806197152',
        interstitial: 'ca-app-pub-6869992474017983/7563979554'
    };
} else {
    admobid = { // for Windows Phone
        banner: 'ca-app-pub-6869992474017983/8878394753',
        interstitial: 'ca-app-pub-6869992474017983/1355127956'
    };
}

if(AdMob) AdMob.createBanner( {
    isTesting:true,  //Remove this Before publishing your app
    adId:admobid.banner, 
    position:AdMob.AD_POSITION.BOTTOM_CENTER, 
    autoShow:true} );

}
  function onDeviceReady(){
  alert("device ready");
      adSetter();
	  
  }


function domLoaded(){
 document.addEventListener("deviceready", onDeviceReady, false);
}
  </script>
</body>
 
</html>

＆＃13;

经过我的Android手机上的大量测试，甚至在phonegap构建中导出apk，应用程序已显示，但底部横幅无处可用

我错过了什么吗？提前谢谢

修改：以下是Chrome JavaScript调试工具中显示的错误

＆＃13;

Uncaught ReferenceError: domLoaded is not defined
    at onload ((index):10)
:3000/cordova_plugins.js Failed to load resource: the server responded with a status of 500 (Internal Server Error)
(index):27 Uncaught ReferenceError: admob is not defined
    at initAds ((index):27)
    at Channel.onDeviceReady ((index):97)
    at Channel.fire (cordova.js:777)
    at cordova.js:231
:3000/favicon.ico Failed to load resource: the server responded with a status of 404 (Not Found)

＆＃13;

Answer 1

您可能需要配置cordova-plugin-whitelist以允许Admob访问网络。

修改将插件添加到config.xml：

<plugin name="cordova-plugin-whitelist" />

从完全开放访问开始（在config.xml中），看看您的请求是否成功：

<access origin="*" />

如果可行，那么您应该确定您需要访问哪些确切的域并限制它。如果您的请求仍然无效，则问题可能出在其他地方。连接JavaScript调试器（safari或Chrome）并查看正在抛出的错误。

AdMob横幅未显示在Phonegap中

1 个答案: