码迷,mamicode.com
首页 > 其他好文 > 详细

facebook分享(含图片)

时间:2015-04-09 17:38:19      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:facebook分享   facebook分享图片   facebook分享api   

一、查看当前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://tztest4.ptmind.cn/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://www.ptengine.jp/images/hatenablog.png"/>
	<meta property="og:url" content="http://tztest4.ptmind.cn/test.htm">
</head>
<body>
	<script>
		function fbs_click(){
			window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent('http://tztest4.ptmind.cn/test.htm'),'sharer','toolbar=0,status=0,width=626,height=436');
			return false;
		}
	</script>
	<a onclick="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


facebook分享(含图片)

标签:facebook分享   facebook分享图片   facebook分享api   

原文地址:http://blog.csdn.net/ligang2585116/article/details/44960767

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!