How to Change the Colors of AdSense Ads

How to Change the Colors of AdSense Ads

If you monetize your site with AdSense, you may be doing yourself a disservice by staying with the default blue and white color scheme that Google uses for all AdSense ads. There is no hard and fast rule for the best performing AdSense color scheme. However, I find that the best strategy is to use a color scheme that looks like it fits in with your site. Online advertisements have been around since the beginning of the Web, and readers have subconsciously trained themselves to ignore anything that screams, “I am an ad.” To give your AdSense ads the best chance of being clicked, readers have to actually look at them. Try to select a color scheme that encourages this without detracting from the experience of visiting your site.

Change the Colors of AdSense Ads

Change the Colors of AdSense Ads

Changing the Colors of an AdSense Unit

  1. Navigate to the Google AdSense website and log in.
  2. Click the “My Ads” tab at the top of the screen. The window displays a list of all of your active AdSense units.
  3. Click the AdSense unit that you would like to change the colors of.
  4. Click the blue “Edit Style” link.
  5. Click inside the text box for the element of the AdSense unit that you would like to change.
  6. Type the six-character hex code for the color that you would like to use. If you would like to match the colors of your website, see the next section for how to find hex codes using Photoshop Elements.
  7. Click the “Save” button when you are happy with the new colors of your AdSense unit. It may take several minutes for the change to appear on your site.
Change the Colors of AdSense Ads - Finding the Hex Code of a Color

Finding the Hex Code of a Color with Photoshop Elements

Finding the hex code for a color on your website using Photoshop Elements:

  1. Press the “Print Screen” key while viewing your website to take a screenshot.
  2. Load Photoshop Elements, click the “File” menu at the top of the screen, and select “New” and “Image from Clipboard.” This pastes an image of your website into the open Photoshop Elements window.
  3. Click the icon for the Eyedropper tool Eyedropper Tool on the left side of the window, and then click the color on the image that you would like to use. A block on the left side of the screen shows the color you have selected.
  4. Click the block to open the details for that color in a new window. The hex code for that color appears next to the “#” symbol at the bottom of the window.

Don’t be afraid to experiment with many different color combinations for your AdSense ad units. You will most likely find that what works for one site does not necessarily work for the other. You might find that you receive the highest CTR on one site with a perfectly blended AdSense unit, whlie another website works best with an ad that pops a little. The general consensus, however, is that you should generally make your border and background the same color so that the ad does not appear to have a border. Perhaps this is because the border around an AdSense ad unit makes it feel disconnected from the rest of the site, contributing to the normal psychological tendency to ignore obvious website advertisements.



Comments are closed.