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: