facebook分享(含图片)_html-js-css

概述一、查看当前URL下facebook信息情况Open Graph Object Debugger&lt输入URL，查看当前URL是否具有facebook信息&gt：https://developers.facebook.com/tools/debug/og/object/Show existing scra 1、查看当前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信息
2、设置对应facebook信息1. 所有信息必须在对应URL下的页面进行添加，如www.baIDu.com，必须在baIDu的主页下进行添加
2. Facebook同享清单，参照下述URL
https://developers.facebook.com/docs/plugins/checkList
3、实例如：在http://tztest4.ptmind.cn/test.htm下，添加facebook分享代码。
<!DOCTYPE HTML><HTML lang="en"><head> <Meta charset="UTF⑻"> <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分享(含图片)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1017246.html