blog/gatsbyjs-add-google-adsense/

[utterances-bot]

GatsbyJS - Add Google AdSense | Abhith Rajan

Make use of GatsbyJS SSR APIs to integrate Google Adsense

https://www.abhith.net/blog/gatsbyjs-add-google-adsense/

[aissa-bouguern]

Great explanation, but why we don not see any ads on your site ? it seems that the code above is not working!

[abhith]

@aissa-bouguern On my website, there will be no ads on the home page which I restricted on the AdSense portal. But there will be ads on blog posts for those who are not using any kind of adblocker. And it's up to Adsense decision to show ads or not.

Attached the screenshot of the Adsense report for this week.

[Gilbishkosma]

When i use firefox browser the console shows this warning.
Warning: "Request to access cookie or storage on “” was blocked because it came from a tracker and content blocking is enabled"
I think cause of this the adds are not visible in the site.Adds are not displaying even in your blog page.

[abhith]

@Gilbishkosma The warning in Firefox browser is because of its privacy features which are explained here.

Regarding ads not visible in my blog, it is because of,

[gisellesantin]

Hi! I've been trying to put ads on my gatsby website for a while and it seems impossible. Adsense is asking me to put this code <script data-ad-client="ca-pub-xxxxxxxxxxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> on the head of the html, the problem is gatsby adds this data-checked-head="true" to the script and this way adsense doesn't recognize the code. I've tried different plugins and doing what you say here but it doesn't work I guess this is only for those who already have been verified by adsense

[abhith]

@gisellesantin if you are hosting your site on Netlify, they have a feature called Snippet injection, located under Site Settings > Build & deploy > Post processing. There you can add your code snippet and without any code change, Netlify will append the code to your site. I used to do that but then I moved my site to a different hosting.
If you do as mentioned in this article, a similar code gets appended to the generated HTML that you can check by right click on the website > View page source. Then search for ads, and you will see something like,

<script async="" type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><script>
        (adsbygoogle = window.adsbygoogle || []).push({
            google_ad_client: "ca-pub-xxxxxxx",
            enable_page_level_ads: true
        });
</script>

And ads visibility mainly depends on your adsense account settings and your content. Try as mentioned in this article and give it a bit of time and check in different browsers to see if ads are getting displayed. For me it worked fine, but now my adsense account address verification is pending hence no ads (see above comment).