Hello everyone, I redesign my website to make it responsive. I try to make also Adsense user friendly for the visitors. I write a code in javascript and CSS media query which read the screen size and add or remove adsense code that doesn't fit well on the page on load and on window resize. You can see the code on the website on CSS: adsense.css and on the last javascript script. However, I am not sure if I am against the Google rules about the maximum 3 ads per page. Since, I am not show more than 3 simultaneously, will I have a problem? The adsense are images to avoid any click by mistake. Here is the link: http://stage.ht-tools.eu/training
Because I don't only change the size but also the place of the ad. For example, on desktop I have a skyscrapper on the left whereas on tablet a leaderboard on the top.
I tried to change a little my layout to fit responsive Adsense ads, but now I have another problem. On window resize, the ad doesn't change. I have to refresh the page to load another ad. Which seems nosense for a responsive site.
When people visit your site they don't resize their browser, the ads will fit based on the visitor screen size.