← Back to Sharrre home

It's a simple example of plugin integration with asynchronously loading. You can easily configure (no more copy/paste code of each social network!) and integrate social buttons with tracking.

<div id="example5">
  <div id="shareme" data-url="http://sharrre.com/" data-text="Make your sharing widget with Sharrre (jQuery Plugin)"></div>
</div>
<script>
$('#shareme').sharrre({
  share: {
    googlePlus: true,
    facebook: true,
    twitter: true,
    digg: true,
    delicious: true,
    stumbleupon: true,
    linkedin: true,
    pinterest: true
  },
  buttons: {
    googlePlus: {size: 'tall', annotation:'bubble'},
    facebook: {layout: 'box_count'},
    twitter: {count: 'vertical'},
    digg: {type: 'DiggMedium'},
    delicious: {size: 'tall'},
    stumbleupon: {layout: '5'},
    linkedin: {counter: 'top'},
    pinterest: {media: 'http://sharrre.com/img/example1.png', description: $('#shareme').data('text'), layout: 'vertical'}
  },
  enableHover: false,
  enableCounter: false,
  enableTracking: true
});
</script>
<style type="text/css">
  #example5{
    float:left;
    margin:68px 25% 0 25%;
  }
  .sharrre .button{
    float:left;
    width:60px;
  }
</style>