Please note that the contents of this offline web site may be out of date. To access the most recent documentation visit the online version .
Note that links that point to online resources are green in color and will open in a new window.
We would love it if you could give us feedback about this material by filling this form (You have to be online to fill it)



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.
  • 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.

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-08-12

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 .