使用此插件不会显示广告。让我描述一下我从头开始遵循的步骤,也许你可以帮助我。
首先,我创建了一个新的 cordova 项目:
cordova create AdmobProject
cd AdmobProject
然后,我添加插件
cordova plugin add admob-plus-cordova --save --variable APP_ID_ANDROID=ca-app-pub-3940256099942544~3347511713
我从 Google 网站获得此 ID。然后,我修改 AdmobProject/www 文件夹中的index.html。我这样保留:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<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>Joputa</title>
</head>
<body>
<script src="cordova.js"></script>
</body>
</html>
现在我按照插件网站的说明添加横幅说明。 index.html 文件现在是:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<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>Joputa</title>
</head>
<body>
<script src="cordova.js"></script>
<script>
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>
我进入了测试插件网站提供的unitAdId。
当我添加android平台并使用cordova构建时,该应用程序根本不显示任何内容。
请提供有关如何解决此问题的建议?
尝试在 config.xml 中添加这些属性
<platform name="android">
<preference name="PLAY_SERVICES_VERSION" default="23.2.0" />
<preference name="AndroidXEnabled" value="true" />
<preference name="GradlePluginKotlinEnabled" value="true" />