Responsive Google Adsense

Problem :

Google Adsense have several recommended ads sizes for publisher to put on their website. However, these ads recommended sizes are not optimize for mobile screens and often not suitable for website with responsive design. Usually, it is the width size that mess up the screen when viewed with different devices such as tablets and smartphones.

Diagnostic :

Because the Adsense codes are generated and most people just cut and paste with the hard coded width size. No one paid attention that width size can be tweaked slightly to cater for responsive website.

Solution :

I've found that the quickest way to solve the width problem is just to change it from ... let say width:200px to width:100%

Give it a try and see how it goes. My solution had been tested on desktop, laptop, iPad, Android Tablet and Lenovo Android smartphone.

By Adam Ng

IF you gain some knowledge or the information here solved your programming problem. Please consider donating to the less fortunate or some charities that you like. Apart from donation, planting trees, volunteering or reducing your carbon footprint will be great too.