Wednesday, September 07, 2011

Adding Google +1 Button to Websites and Blogs

The Google +1 button has recently been added by Google for its users to recommend a certain blog post, blog, website, webpage or article the user's friends, family and all the other users that are connected to that user through social media like Yahoo, Twitter, etc.
The +1 button is a shortened form of the phrase "This seemed pretty cool to me" or "You should see this, because I found it useful."
Clicking the Google +1 button for a particular webpage will publicly give that webpage the user's stamp of approval, that you prefer this search result which may either be a webpage, blog, blog post, website, etc. Your +1's can help friends, contacts, and others on the web to find the best search results when they search for a term related to that to which you have clicked the Google +1 button.
To get the Google +1 button, visit:
www.Google.com/webmasters/+1/button
This will lead you to Google Webmaster tools Google +1 Button Configuration page. Choose the appropriate size of the Google +1 button, as you desire, and simply copy the code given below and paste it in to your website/blog's source HTML.
On the other hand, you can place the following code in the body section of your website/blog's HTML or any other place where you want to put the Google +1 button.

<!-- Place this tag where you want the +1 button to render --><g:plusone size="tall"></g:plusone>
<!-- Place this tag after the last plusone tag --><script type="text/javascript">  (function() {    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;    po.src = 'https://apis.google.com/js/plusone.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);  })();</script>

This is the code of the tall (60 pixel) Google +1 Button, which is my personal favourite. Placing it just above the post title tag will give it a better click opportunity rate, incase of blogger users.

No comments:

Post a Comment


Ali Khan Blogs is a SEO Blogger Blog about Blogging and SEO Tips and Tricks for New Bloggers