I have a React Single Page Application SPA where Google AdSense works only on a full page reload, but fails to render when navigating between pages using React Router. I need an experienced React developer who fully understands how AdSense behaves in SPAs to fix this issue and ensure ads load consistently on every route change.
Right now:
Ads load correctly after a hard refresh
On SPA navigation, ad slots remain empty or fail to reinitialize
adsbygoogle.push often runs without creating an iframe
Some slots rely on fallbacks instead of showing real ads
Your main tasks:
1. Fix AdSense in SPA Navigation
Ensure the AdSense script is re-initialized safely when routes change
Clean up old ins elements and stale data-adsbygoogle-status attributes
Implement a reliable ad remount cycle so ads always render without a full refresh
Prevent duplicate script loads or dead pushes
2. Zero Layout Shift Zero CLS
Add stable fixed-height ad containers
Prevent content from jumping when ads load
Make the site fully compliant with Core Web Vitals
Improve mobile experience and Lighthouse performance
3. Performance Optimization
Optimize script loading and lazy loading of components
Improve LCP and INP by removing unnecessary re-renders
Ensure smooth, fast navigation across the SPA
4. Clean, Maintainable React Code
Refactor the current ad component if needed
Ensure the solution is stable and scalable
Follow AdSense or GAM best practices
I need someone who has real experience integrating AdSense or Google Publisher Tags into SPAs. If you have fixed similar issues before, this project is perfect for you.
Apply Now
Apply Now