I just saw the Google AD about placing the Google's +1 button for website owners, blog owners and other publishers. About 2 months ago, we wrote about this +1 button which is quite similar in Facebook's iconic LIKE button. It is now available for implementation by web publishers.
You can see it implemented on our blog. Just scroll down to the end of any article and you fill find it along with sharing options.

How to get this button and use it on your website?

Google's +1 button code is available here. Just copy the button code and paste it on your blog or website. You will immediately be able to see the button.

What does the button do?

Whenever someone reads your webpage/article, he/she can click this button to mark his liking for that web page. Google then stores the URL of the liked page and signals the same LIKE number to other users when your same web page appears in Google search results. This is a very good feature to bring in more visitors from Google search page to your website.

Facebook LIKE button shares likes with Facebook friends, Google +1 will share with whom?

The Google +1 (LIKES) will be shared with your friends in Google circle like Gmail contacts and chat buddies. They are also planning to include your twitter and other network friends based on your preferences and open social standards. So, once you 'recommend a link' on Google, your friends if logged in with their Google account and are looking for the same search result will see your recommendation. The aggregate Likes received for a particular link will be visible to all users irrespective of whether they are a friend of a person who liked it or not.

How will it look like?

The button will be available on Google search results as follows:


If you liked any web page, then iw ould be shown to you like this:

Points to note:

1. This button is visible to all signed in users of Google.com site in English, using a modern browser.
2. The button is not available for search Google search results on Mobile yet. But it will be visible on your site pages if they are opened in mobile.
3. The +1 button code has two parts:
   
   PART 1:
   <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
   
   PART 2:
   <g:plusone></g:plusone>
   
   PART 1 loads the javascript to render the +1 button on your web page and PART 2 identifies the tag and location on your page (where the button will be displayed).
   
   I would recommend to write PART 1 of the code just before the closing body tag of your web page whereas PART 2 can be placed anywhere as per your choice. The reason being, if your write PART 1 at the beginning of your web page, then it may block the loading of rest of your page until it has finished loading the script thereby increasing the load time of page. Hence, script loading code should always be placed at the bottom of web page as web page are read in top to down fashion by browsers.
   
   Also, don't worry even if you place PART 2 before PART 1 on your page. The script would parse the whole page code and will be able to find PART 2 to display the button. i.e. placement of PART 2 above or below PART 1 does not make any difference.
4. Seeing a RED Google +1 button like this:
   
   This means that there is some error that has happened. Refreshing the web page will most definitely solve the issue. If not, you should check that Google Profiles are enabled for your Google account as it is mandatory to have a profile in Google to use this feature.
5. Add a specific URL in Google Plus button:
   <g:plusone href="http://www.am22tech.com"></g:plusone>
   
   Use the href attribute to specify any URL.

Use Facebook LIKE or Google +1 or Both?

It is a very good question and I personally answered 'use both' for my blog. Are you thinking that why would anyone even think about using any one, we can always use both. Yes, you are right but there are some situations which may prompt you to use only one. For example, if you are a web master, then you would certainly know that using both will off course add load to your web page loading time by adding two different scripts which are hosted on two different servers. The server DNS look up time and the size of js (javascript) script file would also make a difference.

But can you afford to miss any one of them? Facebook has the power of 500+ million people and Google has 60% market share worldwide internet search. So, I would say adding both of them would weigh higher than a small addition of milliseconds to your page load time.

Your thoughts/comments are most welcome.