Sharrre

jQuery plugin for Sharing. Added VK.com and changed Facebook and Twitter behavior.

View the Project on GitHub annexare/Sharrre

Sharrre: jQuery Plugin for Sharing

Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook, Twitter, Google Plus (with PHP script), VK and more.

Current modification aims to add VK support and improve behavior for corporate websites: Facebook Pages support, Twitter followers (and some more things are planned). Basically created by Julien Hany.

Usage

    $('#sharrre').sharrre({
        share: {
            googlePlus: true,
            facebook: true,
            twitter: true,
            vk: true
        },
        buttons: {
            vk: {
                apiId: 0, // VK.com App ID is required
            }
        },
        url: 'http://jquery.com/'
    });

Sharrre fork by Annexare Studio.

Examples

    <div id="demo1" data-title="sharrre" data-url="http://jquery.com/"></div>
    $(document).ready(function(){
        $('#demo1').sharrre({
            share: {
                googlePlus: true,
                facebook: true,
                twitter: true,
                delicious: true
            },
            buttons: {
                googlePlus: {size: 'tall'},
                facebook: {layout: 'box_count'},
                twitter: {count: 'vertical'},
                delicious: {size: 'tall'}
            },
            hover: function(api, options){
                $(api.element).find('.buttons').show();
            },
            hide: function(api, options){
                $(api.element).find('.buttons').hide();
            }
        });
    });

See more examples on author's official website.

Dependencies

Author

Modifications

Changes by Annexare Studio:

    buttons: {
        twitter: {
            username: false // if string, gets number of followers instead of tweets
        },
        vk: {
            apiId: 0,     // VK.com App ID
            height: 22,   // button height: 18, 20, 22, 24
            // pageTitle
            // pageDescription
            pageUrl: '',  // if you need to personalize url button
            // pageImage
            // text: '',  // 140 chars max
            type: 'full', // button, full, mini, vertical
            verb: 0,      // 0 like, 1 recommend
            width: 350    // only for type = full
        }
    }