Users access your content from many different screens like phones, phablets, tablets, desktops, game consoles, TVs, and even wearables. The size and type of screens that people use are continually changing, so it’s important that your site, content, and ads adapt to any screen size.
Savvy publishers have responded by building a single “responsive” site instead of creating different sites for different screens. These sites use responsive design principles and a single set of HTML/CSS to control user experiences on multiple screens, streamlining publisher operations.
These units automatically adapt to the size of the screen on which your site is being viewed. And if you find that our responsive ad code doesn't do everything you need, you may modify your ad code to better meet the requirements of your site. Among other things, you can:
- Customize the size of ads based on the width of the screen
- Specify the exact dimensions or proportions of the ad
- Hide units for a particular screen width
If you’re specifying the ad unit sizes for particular screen widths, we recommend the following:
- For screen widths up to 500px, use a 320x100 ad unit
- For screen widths between 500px and 799px, use a 468x60 ad unit
- For screen widths of 800px and wider, use a 728x90 ad unit
For more information, see our
Help Center article that explains how to customize your ad code to respond to different scenarios. It also includes guidelines for those who are new to CSS media queries.
At AdSense, we’re committed to helping you make every interaction a user has with your brand, including the ads, a delightful one. Check out the
Help Center for more details on these new ad units. Also, be sure to follow us on
Google+ and
Twitter we’d love to hear how you customize your code. Until next time.
Posted by
Lea Wehbe, from the AdSense team
