Why Google AdSense not showing with Reactjs?

Question

I'm trying to implement a simple banner Ad with Google AdSense inside my React website. I used create-react-app.

I've created a component wrapping the banner:

import React, { Component } from 'react';

class AdBanner extends Component {

    componentDidMount () {
        (window.adsbygoogle = window.adsbygoogle || []).push({});
        console.log('DID IT!!');
    }

    render () {
        return (
            <ins className="adsbygoogle"
                style={{ display: "block"}}
                data-ad-format="fluid"
                data-ad-layout-key="-fb+5w+4e-db+86"
                data-ad-client="ca-pub-xxxxxxxxxxxxx"
                data-ad-slot="xxxxxxxxxx">
            </ins>
        );
    }
}
export default AdBanner;

And I've added the following script inside the <head> tag of my index.html file

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

## The problem ## The Ad is not showing up in any way! The compiler is ok and browser does not give any message in the console (apart of 'DID IT!'. I've created the Ad in the console two days ago.

I've tried also deactivating React strict mode.

Thankssssss

You must add billing&Payment method. check this if you still have doubts- support.google.com/google-ads/answer/2375433 — sumukha hegde
– sumukha hegde, Commented Dec 27, 2020 at 19:21

Mikita Belahlazau · Accepted Answer · 2020-10-01 21:23:44Z

4

When you say ad is not showing up - do you see empty white rectangle where ad should be? Also do you see googleads.g.doubleclick.net/pagead/ads? requests in network tab? If so - how many? If you see 2 then ad requests are made and what might be happening is that AdSense didn't find a good ad, which is normal. You can also try adding data-adtest="on" to the <ins> tag which might help to force an ad.

answered Oct 1, 2020 at 21:23

Mikita Belahlazau

15.4k2 gold badges41 silver badges44 bronze badges

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

2 Comments

Niccolò Segato Over a year ago

Yes, I see an empty white rect. There are two calls to googleads.g.doubleclick.net/pagead/ads in the net tab and I added data-adtest="on", but still no Ad.

r4v1 Over a year ago

Hi @NiccolòSegato, I'm having the same problem. Did you ever solve this issue?

Collectives™ on Stack Overflow

Why Google AdSense not showing with Reactjs?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest