javascript中的Cordova Admob免费插件-插件不起作用

问题描述

我对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()