Chicklet Counts

 
 

Overview

Our chicklet counters provide quick insight into the social reach of your website's content.

Attributes

Name Definition Default Requirement
st_title Adds a custom title for the share document.title Optional
st_url Adds a custom URL for the share document.location.href Optional

Options

Name Definition Default Requirement
publisher Your unique ShareThis publisher key none Required

 

Vertical Counter

class="st_sharethis_vcount"

Creates a vertical social reach counter above the ShareThis widget.

Example 
		<span class="st_sharethis_vcount"></span>

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
	stLight.options({
		publisher:'12345'
	});
</script>

Result:

 

Horizontal Counter

class="st_sharethis_hcount"

Creates a horizontal social reach counter beside the ShareThis widget.

Example 
		<span class="st_sharethis_hcount"></span>

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
	stLight.options({
		publisher:'12345'
	});
</script>

Result:

 

Social Service Counter

class="st_facebook_vcount"

 

Creates a share counter from any of our supported social services. The counters can be displayed either vertically or horizontally just like the ShareThis counter. To demonstrate, let's first create a Facebook, Twitter and ShareThis counter with the horizontal style.

Example 
		<span class="st_facebook_hcount"></span>
<span class="st_twitter_hcount"></span>
<span class="st_sharethis_hcount"></span>

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
	stLight.options({
		publisher:'12345'
	});
</script>

Result:

Now here's the same counters using the vertical style. Notice only the class name was changed. If you were expecting something more difficult, we're sorry to disappoint you.

		<span class="st_facebook_vcount"></span>
<span class="st_twitter_vcount"></span>
<span class="st_sharethis_vcount"></span>

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
	stLight.options({
		publisher:'12345'
	});
</script>

Result: