Adsense Widget Sizing Options
Adsense Widget is using responsive CSS classes for sizing. If you have ever used bootstrap before, you will feel familiar with this. View demo placeholders using the link below:
Here is a shortcode with most popular in-post sizing options:
[adsense userid="pub-xoxox" format="display" align="none" slot="xxx" sizes="sm-banner md-rectangle lg-leaderboard"]
This shortcode shows mobile banner on mobile phones, rectangle ads on medium and leaderboard ads on desktop. If you want to show rectangle on all sizes:
[adsense userid="pub-xoxox" format="display" align="none" slot="xxx" sizes="sm-rectangle md-rectangle lg-rectangle"]
How Does Adsense Sizing Work?
Sizing uses prefixes for different screen dimensions:
sm-
: Mobile devicesmd-
: Tabletslg-
: Desktop & Laptops
Depending on device screen size, your ad size changes using the CSS width and height attributes.
Adsense Widget Sizing Options
Mobile | Tablet | Desktop | |
sm-rectangle | 336×280 | 336×280 | 336×280 |
md-rectangle | 336×280 | 336×280 | 336×280 |
lg-rectangle | 336×280 | 336×280 | 336×280 |
sm-banner | 320×100 | ||
md-banner | – | 468×60 | |
lg-banner | – | – | 468×60 |
md-leaderboard | – | 728×90 | |
lg-leaderboard | – | – | 728×90 |
lg-billboard | – | – | 970×250 |