2017-10-22 17 views
0

私はphonegapを使用してAndroidチュートリアルのように簡単な基本HTMLページを作成したいと考えています。PhoneGapにAdMobバナーが表示されない

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

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

ここでは "config.xmlの"

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

に次の行を追加した後

私の "index.htmlに" ファイルであります

<!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 
 
    \t  
 
    \t \t \t \t \t 
 
    </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" > 
 
\t \t 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(); 
 
\t 
 
    } 
 

 

 
function domLoaded(){ 
 
document.addEventListener("deviceready", onDeviceReady, false); 
 
} 
 
    </script> 
 
</body> 
 
    
 
</html>

も、PhoneGapのビルドでAPKを輸出し、私のAndroid携帯電話上で多くのテストの後、 アプリはdisplpayedされますが、下のバナーは

私が何かを見逃したのどこにもないのですか?事前に おかげ

編集:ここでのエラーは、あなたがAdMobのがアクセスできるようにするにはcordova-plugin-whitelistを設定する必要があること

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)

+0

Chromeデベロッパーツールを使用して、JavaScriptとネットワークエラーをチェックしてみてください。 – wildabeast

答えて

0

その可能性の高いクロームJavaScriptデバッガツールに示されていますネットワーク。

編集:あなたの要求が成功した場合(あなたのconfig.xml内)完全にオープンアクセスと

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

スタートし、以下を参照してください: はあなたのconfig.xmlにプラグインを追加

<access origin="*" /> 

これが有効な場合は、どのドメインにアクセスする必要があるかを特定し、それに制限する必要があります。依頼が依然としてうまくいかない場合は、問題が他の場所にある可能性があります。 JavaScriptデバッガ(SafariまたはChrome)を接続し、発生しているエラーを確認します。

+0

返信ありがとうございました この場合、cordova-plugin-whitelistの設定はどうすればよいですか? – vipghost

+0

上記の私の答えを編集して拡張しました。 – wildabeast

+0

返信ありがとう、投稿を編集してChromeデベロッパーツールのコンソールログを追加しましたが、この場合のバグをどのように修正できますか? – vipghost

関連する問題