自定义 developers.facebook.com 中提供的默认 Facebook 分享按钮

Question

我有一个 facebook 的自定义图片，当用户点击时，它会分享一些东西，但是，developers.facebook 提供了使用以下代码自动生成分享按钮的元素

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button"></div>

我想用我的自定义图片使用生成的代码弹出分享页面，有什么办法吗？

%a.link.facebook{href: "some_url_here"}

我已经在网上搜索过了，还是卡住了，

感谢您的帮助，我还是个初学者，:)

Answer 1

很多建议都很有用，感谢大家，但我觉得这个方法比较简单，想分享给大家。

Javascript（放在页眉或页脚）--

<script>
function fbShare(url, title, descr, image, winWidth, winHeight) {
    var winTop = (screen.height / 2) - (winHeight / 2);
    var winLeft = (screen.width / 2) - (winWidth / 2);
    window.open('http://www.facebook.com/sharer.php?s=100&p[title]=' + title + '&p[summary]=' + descr + '&p[url]=' + url + '&p[images][0]=' + image, 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width=' + winWidth + ',height=' + winHeight);
}
</script>

到您的 link 或图片

<a href="javascript:fbShare('http://jsfiddle.net/stichoza/EYxTJ/', 'Fb Share', 'Facebook share popup', 'http://goo.gl/dS52U', 520, 350)">Share</a>

http://jsfiddle.net/stichoza/eyxtj/

自定义 developers.facebook.com 中提供的默认 Facebook 分享按钮

Customize the default Facebook Share button provided in developers.facebook.com

ruby-on-rails

facebook

sdk

web-deployment

share-button