Posts for the 'blogger template' Category



Google Adsense Optimization Tips

Here are the Google Adsense optimization tips for bloggers and webmasters. To make more money from Adsense, you have to learn Adsense optimization and implement it in your blogs or web sites. I summarized here the Adsense optimization tips from Google and from Adsense experts.

Adsense Optimization for Ad Types

Adsense Text ad is the best among Adsense ad types available that include text, image, and link unit. Readers easily captured the information displayed in text ads compared to others. Though there are texts in image, the readers will process first the visualization of the image and the text. While link unit captures also the readers attention, it takes 2 clicks to make money from it and the readers are normally lazy to do the 2nd click. But, this is the best ad type for maximizing space in the web page. This adds more resources to the readers.

Adsense Optimization for Ad Formats

Wide Adsense Ad format works better than vertical Adsense ads. The wider ad format lets the readers easily captures one-liner texts of information at convenient width of around up to 500 pixels. Readers can conveniently capture the information at a glance. Narrow ad formats inconveniently force the readers’ eyes move down to the next line.

Here are the Adsense ad format suggested by Google from the most effective to the least and how to implement it in your blog or web site:

1. 336×280 large rectangle: Embed or blend this ad format with content or make it stands out from others within your blog or web pages.

2. 300×250 inline rectangle: Place this ad format at the top, on the right and at the bottom of your blog or web site pages.

3. 160×600 wide skyscraper: Place this ad format on the left, on the right or embed it with content in your blog or web pages.

Adsense Optimization for Ad Colors

Optimizing Adsense Ad colors has a great impact to your Adsense income. Ad colors can make relevant Adsense links as additional useful resources to readers who are looking for more information or solutions to their problems. Google suggested to blend, complement or contrast Adsense colors with the colors of your blog or web pages. For best results, use colors of the links that are existing and prominent in your pages. See more Adsense tips on colors that make cents and dollars, here.

Adsense Optimization for Ad Placement

Optimizing ad placement of you Google ads is another key to optimize your Adsense income. Normally, the best ad placement is on the left side next to your post or article. Next best placement is immediately before the page article/post or between the post title and post body. Then, another best placement is after your post body. Please note, however, that the best placement still depends on the content of every page.

Adsense Optimization for Content Targeting

You have to optimize the content targeting of your Adsense to emphasize and de-emphasize the page content which the Adsense based its Google ads to be displayed.

To emphasize the content or section of the page, enclose it with Google ad section HTML tags within the body tags (<body> and </body>), like this:

<!– google_ad_section_start –>

Emphasized content or section here

<!– google_ad_section_end –>

To de-emphasize the content or section, add weight=ignore to the Google ad section starting HTML tags, like this:

<!– google_ad_section_start(weight=ignore) –>

De-emphasized content or section here

<!– google_ad_section_end –>

See more Adsense content or section targeting tips here.

Track Adsense Monetization with Adsense Channel

Use Adsense channel to track the monetization of your optimized Google ads. Adsense channel lets you track the performance of each your Adsense ad type, format and placement. Use this to experiment Adsense optimization in your blog or site. In your Adsense account under Adsense Setup, you have to create and assign Adsense channel to each of your Adsense JavaScript. You may use channel label like “336×280 text top” or “250×250 img post bottom”.

You may also track Adsense performance in your URLs by entering the URLs in the Adsense channel. There is no need to change your Adsense script in tracking Adsense in URLs. Adsense will automatically track its performance in the URLs you have entered in your Adsense channel. For more information and tips about Adsense channel Optimization, click here and here.

See more optimization tips from famous bloggers at Digital Inspiration and Problogger.

If you have not yet optimize your Adsense ads, it is time to start it NOW. It is very important task to optimize the Adsense monetization in your blog or web site. Hope you learn from this Adsense optimization tips.

Popularity: 34% [?]

If you enjoyed this post, make sure you subscribe to my RSS feed!


Bookmark this post » Bookmark Google Adsense Optimization Tips with  Digg Bookmark Google Adsense Optimization Tips with  Netscape Bookmark Google Adsense Optimization Tips with  Delicious Bookmark Google Adsense Optimization Tips with  StumbleUpon Bookmark Google Adsense Optimization Tips with  Reddit Bookmark Google Adsense Optimization Tips with  Slashdot Bookmark Google Adsense Optimization Tips with  BlinkList Bookmark Google Adsense Optimization Tips with  Fark Bookmark Google Adsense Optimization Tips with  NewsVine Bookmark Google Adsense Optimization Tips with  Furl Bookmark Google Adsense Optimization Tips with  Technorati Bookmark Google Adsense Optimization Tips with  Google Bookmark Google Adsense Optimization Tips with  Squidoo Bookmark Google Adsense Optimization Tips with  YahooMyWeb

Manually inserting Adsense Code to New Blogger Template

Here’s another way of inserting Adsense Code to New Blogger Template. Since adding Adsense as Page Element is limited to the setup provided by Blogger.com, you need to manually insert Adsense codes in other areas of the template not provided.

Escaping Adsense Code Before Inserting in Blogger Template

To manually insert Adsense code in new Blogger template, you have to escape HTML characters or convert the HTML codes to HTML entities like these: < to &lt;, > to &gt; and ” to &quot;. Without escaping Adsense HTML codes, Adsense will not work properly. Your Adsense code should look like this example of large Google Ad (XXXXXXXXXXXXXXXX is the publisher ID):

&amp;lt;script type=&quot;text/javascript&quot;&gt;&lt;!–
google_ad_client = &quot;pub-XXXXXXXXXXXXXXXX&quot;;
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = &quot;336×280_as&quot;;
google_ad_type = &quot;text_image&quot;;
google_ad_channel = &quot;&quot;;
google_color_border = &quot;FFFFFF&quot;;
google_color_bg = &quot;FFFFFF&quot;;
google_color_link = &quot;0000FF&quot;;
google_color_text = &quot;000000&quot;;
google_color_url = &quot;6600CC&quot;;
//–&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2…/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

I have prepared a page to easily escape HTML codes to HTML entities, here (opens in new window). Copy and paste your Adsense code to the box provided and click convert. Then, cut and paste the converted or escaped Adsense codes to your Blogger template. Preview it if displayed properly.

Inserting Adsense Code Before or After Blog Title

Insert the converted Adsense code within <div id=’header-wrapper’></div>, like this:

<div id=’header-wrapper’>

Adsense code here (before Blog title)

<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Blog Title (Header)’ type=’Header’/>
</b:section>

Adsense code here (after Blog title)

</div>

Inserting Adsense Code After Blog Title Before Blog Post

Insert the converted Adsense code within <div id=’main-wrapper’></div>, like this:

<div id=’main-wrapper’>

Adsense code here (before blog post)

<b:section class=’main’ id=’main’ showaddelement=’no’>
<b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’/>
</b:section>

Adsense code here (after blog post)

</div>

Inserting Adsense Code Within the Blog Sidebar

Insert the converted Adsense code within <div id=’sidebar-wrapper’></div>, like this:

<div id=’sidebar-wrapper’>

Adsense code here (before Blogger widgets)

<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
<b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’/>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’/>
</b:section>

Adsense code here (after Blogger widgets)

</div>

If you want to insert Adsense code between 2 widgets, you have to assign a different sidebar id for each widget affected and add converted Adsense code between them, like this:

<div id=’sidebar-wrapper’>

<b:section class=’sidebar’ id=’sidebar1′ preferred=’yes’>
<b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’/>
</b:section>

Adsense code here (between 2 Blogger widgets)

<b:section class=’sidebar’ id=’sidebar2′ preferred=’yes’>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’/>
</b:section>

</div>

Inserting Adsense Code Within the Blog Footer

Insert the converted Adsense code within <div id=’footer-wrapper’></div>, like this:

<div id=’footer-wrapper’>

Adsense code here (before Blog footer content)

<b:section class=’footer’ id=’footer’>
<b:widget id=’AdSense1′ locked=’false’ title=” type=’AdSense’/>
</b:section>

Adsense code here (after Blog footer content)

</div>

For your info, however, there are questions if this kind of Adsense code modification violates Adsense Policy and Adsense TOS. In my opinion, it is not as this is just a server-side scripting. If you view the HTML source code of your Blogger page where you inserted a converted Adsense Code, you will see an unmodified Adsense code. So, there is no code modification in HTML implementation. I will discuss more of this in my next post.

Popularity: 83% [?]

If you enjoyed this post, make sure you subscribe to my RSS feed!


Bookmark this post » Bookmark Manually inserting Adsense Code to New Blogger Template with  Digg Bookmark Manually inserting Adsense Code to New Blogger Template with  Netscape Bookmark Manually inserting Adsense Code to New Blogger Template with  Delicious Bookmark Manually inserting Adsense Code to New Blogger Template with  StumbleUpon Bookmark Manually inserting Adsense Code to New Blogger Template with  Reddit Bookmark Manually inserting Adsense Code to New Blogger Template with  Slashdot Bookmark Manually inserting Adsense Code to New Blogger Template with  BlinkList Bookmark Manually inserting Adsense Code to New Blogger Template with  Fark Bookmark Manually inserting Adsense Code to New Blogger Template with  NewsVine Bookmark Manually inserting Adsense Code to New Blogger Template with  Furl Bookmark Manually inserting Adsense Code to New Blogger Template with  Technorati Bookmark Manually inserting Adsense Code to New Blogger Template with  Google Bookmark Manually inserting Adsense Code to New Blogger Template with  Squidoo Bookmark Manually inserting Adsense Code to New Blogger Template with  YahooMyWeb

Inserting Adsense Code to New Blogger Template As Page Element

Learn here how to insert Adsense codes to Blogger template As Page Element. I am referring to the New Blogger template. This is the non-FTP version of Blogger, which is being hosted in Google.com for free. FTP version is being hosted outside of Google.com. Methods of inserting Adsense code in FTP and non-FTP Blogger templates are different. If you’re blogging with FTP Blogger, click here to learn inserting Adsense code.

Inserting Adsense Code to New Blogger Template

To insert Adsense code in non-FTP new Blogger template, login to your Blogger Account and click layout in Blogger Dashboard. Then, click the Template tab and “Add and Arrange Page Elements” will be displayed, like this:

Edit Blogger Template

This is the page where you can Click and drag to rearrange page elements on your blog. There are links “Add a Page Element” in the page layout. By clicking that link, you may add all or selected page element(s) or widget(s) including Adsense on the template area where you click the link.

Blogger Page Elements

To insert Adsense codes, just click “Add to Blog” link under Adsense and configure it based on your choice of colors, format and size. Look at the Preview and if you like it, click Save Changes. Here is the configure Adsense dialog box:

Configure Blogger Adsense

After adding Adsense, if you check your template you should see this Adsense widget codes:

<b:widget id=’AdSense1 (or Adsense2..Adsense3..and so on)’ locked=’false’ title=” type=’AdSense’/>

Adsense Optimization Tips or Techniques

For the best monetization of your Adsense, click the Adsense optimization tip link that says “What color combinations are best for my site?” in Configure Adsense dialog box. It recommends optimizing color palletes if you want the biggest revenue impact for the smallest effort. It outlined 3 Adsense optimization techniques, namely: blend, complement and contrast. Blend is to make the background and borders of your ads the same color as the background of your page where the ad is placed. Complement is use colors that already exist on your site, but don’t match the background and borders exactly where the ads are placed. And Contrast is to choose colors that stand out against the background of your site.

That’s it. Inserting Adsense to new Blogger template As Page Element is as easy as that. It’s all in the box.

Popularity: 22% [?]

If you enjoyed this post, make sure you subscribe to my RSS feed!


Bookmark this post » Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  Digg Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  Netscape Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  Delicious Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  StumbleUpon Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  Reddit Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  Slashdot Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  BlinkList Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  Fark Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  NewsVine Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  Furl Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  Technorati Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  Google Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  Squidoo Bookmark Inserting Adsense Code to New Blogger Template As Page Element with  YahooMyWeb

Next Page »


How To Make Money Online

Increasing PageRank/Traffic

Increasing Adsense Revenue

Top Affiliate Programs

Web Site Building Tools

Free Money (US only)


View My Stats
Translate this site to Chinese
Translate this site to Chinese-Traditional
Translate this site to Spanish
Translate this site to Russian
Translate this site to German
Translate this site to Japanese
Translate this site to Portuguese
Translate this site to French
Translate this site to Italian
Translate this site to Arabic
Translate this site to Korean