I have an SPA (single page app) that I'll display AdSense ads on it.

The main reason I've designed as an SPA, is because I do not want users to refresh the page in order to see different content. All routing is done client-side with Javascript. I'm using React, Firebase and React-Router.

But on AdSense docs, we have this:


Auto-refreshing ads

Publishers are not permitted to refresh a page or an element of a page without the user requesting a refresh. This includes placing ads on pages or in placements that auto-redirect or auto-refresh. Additionally, publishers may not display the ads for a preset time (i.e., pre-roll) before users can view content such as videos, games, or downloads.

The fact is users will NEVER request a refresh on my app.

What is the proper way to show multiple ads on a single app?


  • Render a new app only when users change pages.


  • Users "navigates" to: /blog/some-blog-post-slug-A // SEE ADS
  • Users "navigates" to: /blog/some-blog-post-slug-B // SEE NEW ADS

Although the page is not technically refreshing, it's just like a page refresh, because the URL will change, but this is all done locally. I will re-render the blogPost component, based on the new URL route.

CAN I DO THIS? Render new ads based on a client-side route change?

And what if my app is a game, and users will spend like 30 minutes on a single screen, playing the game. Am I only allowed to show 1 single ad for the whole 30 minutes session? Or can I re-render it on a specific interval?

  • Hi, were you able to solve this issue, I am planning to add Adsense to React app, Aug 8, 2022 at 19:23


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.