AdMob Ads Not Displaying in Cordova App(Html,css,js)

Question

I'm developing a Cordova app using HTML, CSS, and JavaScript, and I'm trying to integrate AdMob ads using the admob-plus-cordova plugin. However, the ads are not displaying on my device.

<!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>

Despite these efforts, the ads still aren't displaying. Any insights or suggestions on what might be going wrong would be greatly appreciated!

Eric · Accepted Answer · 2024-10-11 08:39:28Z

0

It looks like you might have skipped a step, which is to start the plugin, as per the documentation. Try

 document.addEventListener('deviceready', async () => {
      await admob.start();
      ...
 });

answered Oct 11, 2024 at 8:39

Eric

10.7k14 gold badges75 silver badges112 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AdMob Ads Not Displaying in Cordova App(Html,css,js)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related