Customizing Facebook Like & Google +1

 
 

Overview

ShareThis can track usage and analytics of the popular Facebook Like and Google+1 buttons. Publishers benefit from a consolidated view of sharing and traffic across all social destinations through the ShareThis analytics dashboard. If you are new to ShareThis, you can include Facebook Like and Google+1 as part of installing ShareThis on your site. Simply visit the Get Button Page for step-by-step instructions. If you already have ShareThis on your site, you can enable Facebook Like & Google+1 tracking by following the instructions below. For WordPress blogs visit here for instructions.

 

Facebook Like

Simply add one of the new pre-defined classes to your page in addition to the list of other ShareThis buttons:
Example

		<!-- standard button-->
<span class="st_fblike_fbLong" ></span>

<!--horizontal count-->
<span class="st_fblike_hcount" ></span>

<!--vertical count-->
<span class="st_fblike_vcount" ></span>

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

Live Examples of Like:

Notes: We recommend placing ShareThis scripts just before the </body> tag on your page. Also, be sure to use your own Publisher ID when implementing the code. You will need to register (it's free!) to obtain one.

 

Google+1

With the new Google+1 button there are several formatting options including small/large icons, a button, and counters (horizontal, vertical). The examples below illustrate the various options. Choose the one that suits your site esthetics.

Example

		<!-- NOTE-->
<!-- In the examples below the st_url parameter specifies the URL that should be shared.
Usually this is same as the current web-page but in some cases you may wish to share a
different URL (e.g. shortened link). This parameter is optional -->

<!-- standard button-->
<span class="st_plusone_button" st_url="http://www.sharethis.com/"></span>

<!-- small image-->
<span class="st_plusone" st_url="http://www.sharethis.com/"></span>

<!-- large image-->
<span class="st_plusone_large" st_url="http://www.sharethis.com/"></span>

<!-- horizontal counter-->
<span class="st_plusone_hcount" st_url="http://www.sharethis.com/"></span>

<!-- vertical counter-->
<span class="st_plusone_vcount" st_url="http://www.sharethis.com/"></span>

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

Live Examples: