facebook分享(含图片)
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://ligang.blog.csdn.net/article/details/44960767
一、查看当前URL下facebook信息情况
Open Graph Object Debugger<输入URL，查看当前URL是否具有facebook信息>： https://developers.facebook.com/tools/debug/og/object/ Show existing scrape information：查看已配置的facebook信息 Fetch new scrape information：设置新的facebook信息
二、设置对应facebook信息
1. 所有信息必须在对应URL下的页面进行添加，如www.baidu.com，必须在baidu的主页下进行添加 2. Facebook共享清单，参照下述URL https://developers.facebook.com/docs/plugins/checklist
三、实例
如：在http://yourdomain.com/test.htm下，添加facebook分享代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>facebook share test</title>
<meta property="og:site_name" content="site name"/>
<meta property="og:title" content="title"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="description"/>
<meta property="og:image" content="http://yourdomain.com/images/hatenablog.png"/>
<meta property="og:url" content="http://yourdomain.com/test.htm">
</head>
<body>
<script>
function fbs_click(){
window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent('http://yourdomain.com/test.htm'),'sharer','toolbar=0,status=0,width=626,height=436');
return false;
}
</script>
<a οnclick="return fbs_click()" target="_blank">
<img src="ADD_IMAGE_URL_HERE" alt="Share on Facebook" />
</a>
</body>
</html>Window.open()请参考：http://www.w3cschool.cc/jsref/met-win-open.html facebook开发API：https://developers.facebook.com/docs/plugins/embedded-posts 分享按钮：https://developers.facebook.com/docs/plugins/share-button/ 参考文献：http://blog.sina.com.cn/s/blog_6cd33db60100sd9j.html