It is a good news for all, Facebook  launched a new live Share Counts Button with Analytics facility. Now you can add a Facebook sharing button with counter at your website or blog. It is very helpful for sharing the content on facebook, it is also has a new set of analytics. Anyone can share the articles, video, audio or images with their friends on Facebook by the help of this button after adding this sharing button on your website. It is very easy to adding this button in to your website. No coding knowledge required just copy the code and paste the code in your website where you want to add this button.

If you want to add this button in blogger blog just search the <data:post.body/> in the code and add the button code just above this tag.

Each week, users share more than 2 billion pieces of content on Facebook and most of that sharing is facilitated by Facebook share count buttons across the web on websites like YouTube, Wall Street Journal and Photobucket.

- Facebook Developers Blog

I have also written a post on Facebook Share Count Button of  fbshare.me. But New version of Facebook Share Count Button’s code is available at Facebook Widgets Page.

For latest updates Follow us at twitter

Related posts:

1. FaceBook Share Count Button for Blogs
2. Twitter Launched Twitter List Widget for Blogs or Websites
3. StumbleUpon Launched URL Shortening Service Supr

Main Attraction:

1. It displays the number of shares (displays Facebook logo when 0 shares)
2. Allow to track shares from the button using awe.sm API key or fbshare.me links
3. This button is available in Small and Large button size.
4. You can add Google Analytics parameters to fbshare.me links

How to add in blogs:
If you have WordPress Blog you can download plugin from here. Facebook Share Count Button Plugin

Steps for adding button at Blogger/Blogspot
Login to Dashboard
Click on Layout -> Click on Edit HTML and check “Expand Widget Templates”.
(Backup your template before changing or apply anything in codes.)

Search the following tag in code:

<data:post.body/>

Add this code in just above the <data:post.body/>

<div style=’float:left; margin-left:10px;’>
<script src=”http://widgets.fbshare.me/files/fbshare.js”></script>
</div>

It will display the button on above of the post if you want to display it at the bottom of the post, paste this code below the <data:post.body/>

Customization in code
You can set it right in <div style=’float:right; margin-left:10px;’> if you want to display it at right side of the post.
size – The size of the button you can set ‘large’ or ’small’ default is ‘large’ if not specified.
url – Add URL of the page which you want to share on Facebook, it will share current page by default if not specified.
title – The Page Title which you want to share, By default it take the current page’s title.
google_analytics - If no awesm_api_key specifed, sets whether fbshare.me links have Google Analytics parameters added: ‘true’ or ‘false’ defaults is ‘false’ if not specified.

An example of a customized code:

<script>var fbShare = {
url: ‘http://www.techwebpro.com/’,
size: ’small’,
google_analytics: ‘true’
}</script>
<script src=”http://widgets.fbshare.me/files/fbshare.js”></script>

For more information visit fbshare.me

Related posts:

1. Facebook Launched New Live Share Counts Buttons with Analytics
2. Twitter Launched Twitter List Widget for Blogs or Websites
3. How to Promote your Blogs – Slide Share Presentation
4. StumbleUpon Launched URL Shortening Service Supr