问题描述
我对Cordova项目有问题。我想在我的应用程序中使用插件admob cordova free(https://github.com/ratson/cordova-plugin-admob-free)来显示admob广告,但是我无法显示横幅广告和插页式广告。我尝试所有事情都没有成功,这就是我向堆栈溢出社区询问的原因。
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8">
<Meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<Meta name="format-detection" content="telephone=no">
<Meta name="msapplication-tap-highlight" content="no">
<Meta name="viewport" content="initial-scale=1,width=device-width,viewport-fit=cover">
<Meta name="color-scheme" content="light dark">
<link rel="stylesheet" href="css/index.css">
<title>Cordova Admob Free</title>
</head>
<body>
<div>
<button id="interstitialad" >insterstitial ad<button>
</div>
<script src="js/cordova.js"></script>
<script src="text/javascript">
document.addEventListener('deviceready',function() {
admob.banner.prepare();
admob.banner.show({
id : 'ca-app-pub-3940256099942544/6300978111',autoShow:true
})
},false);
document.getElementById('interstitialad').addEventListerner('click',interstitialad);
function interstitialad() {
admob.insterstitial.config({
id: 'ca-app-pub-3940256099942544/1033173712'
});
admob.insterstitial.prepare();
}
</script> -->
</body>
</html>
我按照此youtube视频中的教程进行操作:https://www.youtube.com/watch?v=10Yww_fq3bw 但我没有任何成功。我在Android模拟器中运行代码,但没有成功。您知道如何在android模拟器中查看日志吗?
我尝试从运行“ cordova run browser”的科尔多瓦浏览器平台查看console.logs。而且出现以下错误:
由于MIME类型(“ text / html”)不匹配(X-Content-Type-Options:nosniff),“ http:// localhost:8000 / text / javascript”中的资源被阻止。 index.html 来源为“ http:// localhost:8000 / text / javascript”的加载失败。
感谢您和最诚挚的问候,
保罗
解决方法
您的广告准备顺序错误!
您需要先进行配置,然后再进行准备。最后你展示一下!
这是一个例子:
admob.banner.config({
id: 'ca-app-pub-xxx/xxx',})
// Create banner
admob.banner.prepare()
// Show the banner
admob.banner.show()