You might have read my first two tutorials on increasing Google AdSense earnings relating to the importance of keyword research, blocking irrelevant ads and identifying high AdSense potential websites in your channel. This tutorial will go deeper, with tips and techniques not covered in the previous articles.
To review the previous two tutorials, visit the following links.
In medium-sized to big websites, you will see that there are pages with AdSense banners breaking up or gone. In most of these cases, visitors will simply ignore this problem, and webmasters will not even become aware of it unless and until they notice a drop in AdSense earnings.
No AdSense banners showing means no AdSense income. It is important to properly implement and double check the implementation of AdSense code. A common issue involves outputting AdSense using a server side script.
This does not mean that you are not allowed to use PHP to output AdSense. For clean implementation, you should not output AdSense code using PHP; instead, put it outside of your server side script tags. However, you can use PHP to drive Google AdSense. Here is a basic example:
Recommended:
<?php //PHP code here ?>
Adsense code here
<?php //another PHP code here ?>
Not recommended:
<?php //PHP code here echo 'Adsense code here'; ?>
In the above example, the recommended approach is to put AdSense code outside the server side script tags. This is not only applicable to PHP, but other technologies as well. You can use this approach in ASP.NET, Cold fusion and Java Server pages.
The primary reason for doing this is that sometimes your website server or your CMS use cache. In cache-based websites, all of your website's URLs are statically generated pages. This means they do not use PHP to render pages in real time. Thus, if you depend on outputting AdSense code blocks using PHP, you might see some issues with some of your pages; AdSense banners may be missing due to an ongoing cache update or incomplete caching of pages. The solution is to manually clear your cache and reload it again, but of course this can be cumbersome to do. The most effective way of rendering AdSense code blocks is to make them independent of a server side script.
Putting the code outside the server side script tags ensures it will always be rendered, regardless of whether your website relies heavily on cache or has some issue with caching.
Blending AdSense Colors with the Page
Some AdSense publishers performed tests and reported (http://www.duoblogger.com/best-adsense-colors/2076/)that blending AdSense colors properly with your page will result in a higher CTR. Well, you should already know that a higher CTR means more clicks from your ads, and that translates to higher earnings. In your AdSense setup, you should already be familiar with the tool shown in the screen shot below. It allows you to configure the outputted colors of your ads.
Based on the options provided, you can actually assign colors to the Border, Title, Background, Text and URL.
Not included in the list is the font type used, which is also an important factor in the blending process. Here is a list of recommendations to get you started in customizing the AdSense that appears on your website.
Set the background color of your ads to be same as your page background color. For example, if your website's background color is white, then you should also use white as the background for your AdSense banners.
Set the title's font color to be same as the color of your website's hyperlinks. The most popular color for a hyperlink is blue for a website with a white background.
Use the same color for the background and the border. This will make your ads appear borderless.
Match the ads' font color with the color of your website's text. For example, if your website features a dark or black background and your website's text is white, then use white as an ad text color.
For ad URLs, assign a font color that is used by your website's text. If it is black, then the font color of the URLs in the ads should be black.
For the font type of your ads, assign a font type that is used by your website's text.
Now you have some guidance as to how to blend your ads with your website template's colors. It is sometimes difficult to find out the exact color used by your template. Colors can be configured in Google AdSense using hex format (e.g. #FFFFFF for white color).
Simply install it on your Windows computer. Once it is installed, double click the application, and it will immediately grab the colors in Hex. You can click on the region of interest, and then paste the color into a text file; you can then see the hex color code of that region you have clicked. Once you have the color, you can go to AdSense Setup to configure your ads.
Google Optimization 
