Multiple share buttons with different urls

[ghost]

There is any way to have multiple sharebuttons in a page with different urls? (use case: a page with multiple articles and you want to provide a share buttons for every single article)
It would be nice if it would be possible to add a data attribute to the tag that overrides the default url defined in the configuration.

[juanitoddd]

I am having the same question

[aproxis]

I've combined sharing buttons this with infinite scroll on one of my Shopify projects.
Here's how it looks like:

$('.wrapper').infinitescroll({
    navSelector: ".nextNav",
    nextSelector: "a.next",
    itemSelector: ".article",
    loading: {
        finishedMsg: "<em>You've reached the end of the Internet.</em>",
        speed: 'fast',
    }
}, function(infiniteSharingButtons) {
    new Share(".share-button", {
        ui: {
            flyout: "bottom left",
            button_font: false,
            button_text: 'Share'
        },
        networks: {
            facebook: {
                before: function(element) {
                    this.url = element.getAttribute("data-url");
                },
                load_sdk: false
            }
        }
    });
});

and in html it looks like this:

<div class="share-button" data-url="http://www.yourwebsite.com/article1234"></div>

[bgaillard]

Hi, we also need this, it seems that @aproxis solution does not work as expected in our case because :

• If you have for example 5 buttons on the same page then their will be 5 clickbindings, after that if we click on one button it seems the click callbacks are called 5 times for a button ;
• In consequence this opens the sharing windows several times by clicking on a button, for exemple in our cas the Twitter sharing dialog is opened 2 times.

Is their any workaround do display several share buttons on the same page ?

[svsdesign]

+1

[iamtiz]

+1, it would be extremely useful