如何在Facebook上分享我的网站内容

Question

我有一个网站，在上面有一个名为“分享”的Facebook按钮。我希望当用户点击该按钮时，我的网页内容可以分享到他的Facebook页面上。我的代码如下所示：

<script>
    function fbs_click(){
        u = location.href;
        t = document.title;
        window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');
        return false;
    }
</script>

我知道你的内容页面或网站名称的t=title和u=url也在body标签中。

<a rel="nofollow" href="http://www.facebook.com/share.php?u=http://lums.edu.pk/event-detail/lecture-on-citation-management-and-referencing-1133"
class="fb_share_button" onclick="return fbs_click()" target="_blank"  
style="text-decoration:none;">Share</a>

?u是我想要分享的链接。 这段代码可以为我打开一个分享页面，只分享我的网址而不是我的页面内容。我的内容包括图片、标题和详情（我从数据库表中获取这些值）。请有人帮帮我。

- user1885057

Answer 1

请查看以下OpenGraph标签：

像下面这些：

<meta property="og:title" content="TITLE" /> 
<meta property="og:image" content="URL" /> 
<meta property="og:description" content="DESCRIPTION" /> 
<meta property="og:url" content="URL" />

- Sorin Trimbitas

---

我不太熟悉OpenGraph标签，能否请您再详细解释一下？我已经阅读了这个页面的链接（http://huebris.com/facebook-share-button/）。 - user1885057

Answer 2

最终我找到了解决方案。这是实际的代码，能够帮我完成任务。我之前在处理链接的?u参数时出了一些问题，正确的写法应该是这样的：

 ?u=http%3A%2F%2Fmywebsite.com%2Fcontent+of+my+page" target="_blank">this link</a>

- user1885057

Answer 3

这个例子是使用JSP的。JS是基于上面的例子。

<a id="fb_link" href="#fb_link" onclick="fbs_click('${product.id}');">Share me on FB</a>

function fbs_click(id) {
var url = 'http://www.facebook.com/sharer.php?u=' +
    encodeURIComponent('https://www.mysite.com.au/product/detail?advertiseId=') + id;
window.open(url, 'Share on FaceBook', 'left=20,top=20,width=550,height=400,toolbar=0,menubar=0,scrollbars=0,location=0,resizable=1');
return false;
}

我必须提到的是，由于某种神奇的原因，在我的火狐浏览器中location=0无法正常工作...

- Mircea Stanciu