Cordova（HTML/CSS/JS）集成AdMob广告不显示问题求助

我正在用HTML/CSS/JS开发Cordova应用，尝试通过admob-plus-cordova插件集成AdMob广告，但广告在设备上无法显示。代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AdMob Plus Example</title>
</head>

<body>
    <h1>Hello, AdMob!</h1>

    <script type="text/javascript">

        let banner

        document.addEventListener('deviceready', async () => {
            banner = new admob.BannerAd({
                adUnitId: 'ca-app-pub-3940256099942544/6300978111',
            })

            banner.on('impression', async (evt) => {
                await banner.hide()
            })

            await banner.show()
        }, false)

    </script>
</body>

</html>

可能的原因及解决建议 #

1. 缺少AdMob核心初始化步骤 #

admob-plus-cordova要求先初始化核心模块，再创建广告实例。当前代码直接创建BannerAd，跳过了初始化环节，会导致广告加载失败。

• 解决：在创建BannerAd前添加初始化代码：

document.addEventListener('deviceready', async () => {
    await admob.start(); // 新增核心初始化
    banner = new admob.BannerAd({
        adUnitId: 'ca-app-pub-3940256099942544/6300978111',
    })

    // 其他代码保持不变
    await banner.show()
}, false)

2. 未捕获广告加载/显示错误 #

当前代码没有监听广告加载失败或显示失败的事件，无法定位具体问题。

• 解决：添加错误监听和try-catch捕获异常：

banner.on('error', (err) => {
    console.error('Banner广告加载失败:', err);
});

try {
    await banner.show();
} catch (err) {
    console.error('Banner广告显示失败:', err);
}

同时可以添加load事件确认广告加载状态：

banner.on('load', () => {
    console.log('Banner广告加载成功');
});

3. 广告刚显示就被隐藏 #

你在impression（广告曝光）事件里立即调用banner.hide()，会导致广告刚出现就被隐藏，肉眼无法捕捉到。

• 解决：测试阶段直接注释或移除这部分逻辑，先确认广告能正常显示：

// banner.on('impression', async (evt) => {
//     await banner.hide()
// })

4. 设备网络或权限问题 #

• 确保设备网络正常，能访问AdMob服务器；
• 检查Cordova项目权限配置：
  • Android：确认AndroidManifest.xml中包含必要权限（插件通常自动添加，可手动校验）：

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    

  • iOS：在Info.plist中添加网络权限配置（iOS 10+要求）：

    <key>NSAppTransportSecurity</key>
    <dict>
        <key>NSAllowsArbitraryLoads</key>
        <true/>
    </dict>
    

5. 插件版本兼容性问题 #

检查admob-plus-cordova插件与当前Cordova平台版本是否兼容，尝试更新插件到最新版：

cordova plugin remove admob-plus-cordova
cordova plugin add admob-plus-cordova

内容的提问来源于stack exchange，提问作者joseph