Ads

Customize Your Ads

The best ads can improve user experience. While the actual ad content comes from advertisers, you have control over the content type, color, size, and placement of those ads.

TL;DR

  • Never place ads where they might interfere with a user's intended experience on your site; ensure ads above the fold don't push important content below it.
  • Always use responsive ad units; if smart sizing isn't enough, switch to advanced mode.
  • Maximize revenue by allowing text and display images to compete for your ad space.
  • Look for opportunities to integrate ads throughout the content to avoid ad blindness.
  • Choose text styles that blend, compliment, or contrast your site.

Place ads where users benefit the most

When it comes to deciding where to place ads on your site, and how many ads to include, always put the user first!

  • Use ads to augment site content; not the other way around.
  • Pages with excessive ads, ads that push important content down below the fold, ads clustered together that dominate the viewable space or ads without clear labeling lead to lower user satisfaction and are against AdSense policies.
  • Ensure ads provide value to users. If you have ad units that generate significantly less revenue or drive less clicks or views, it’s likely they are not providing value to users.

Sample placement options for mobile ads:

Sample mobile image ad

For more information, review the AdSense best practices for ads placement.

What if responsive sizing isn’t enough?

In some cases, you may need more control over the way your ads are displayed than simply using responsive ads. In this case, you can switch to advanced mode and override smart sizing in your responsive ad unit code. For example, you can control the exact sizing of ads using media queries:

  1. Follow the instructions to create a responsive ad unit.
  2. In the Ad code box, select the Advanced (code modification required) from the Mode drop-down.
  3. Modify the ad code to set the exact sizes of your ads based on the user’s device:
<style type="text/css">
  .adslot_1 { width: 320px; height: 50px; }
  @media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
  @media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
    style="display:block;"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Try it

See advanced features in the AdSense help for more information.

Important

  • Always test your ads on different devices and screens to make sure that the responsive behavior is working correctly.

Maximize bidding potential

The higher the competition, or ‘auction pressure’, the more the advertiser will pay to be viewed and clicked on your site. To maximize your bidding potential:

  • Be sure to allow both text and display ads. Excluding one type of ads limits the number of advertisers available to you.
  • Use ad sizes that are popular with advertisers, for example, 300px by 250px (see also the Guide to ad sizes).

Choose styles that compliment your site

The most successful ads blend or contrast your site’s styles. Google AdSense provides a set of predefined ad styles; choose the style that best fits your site or create your own.

What’s customizable

You can customize any of the following styles in text ads:

  • Border color
  • Background color
  • Text font family and font size
  • Default text color
  • Text color specific for the ad title
  • Text color specific for URLs

How to apply styles

When creating a new unit, you can apply a different style to text ads by expanding the Text ad style property:

Text ad styles

All text ads use the Google AdSense Default style. You can use any of the predefined style as is, make slight changes to the style, or create, your own custom style.

Once you’ve saved a new style, you can apply it to any of your existing or new ad units:

  1. Navigate to Ad Styles.
  2. Select the ad style you want to change from the list of Ad styles available for all your active products.
  3. Make changes and Save ad style.

When you change an existing ad style, any active ad units using that style are automatically updated.

Note

  • Advertisers have full control over how their display ads look. You can influence the types of display ads that appear on your site using ad placement and sizing, but you can't actually control the image content.

Updated on 2014-07-31

Authors

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Site Policies.