网页上facebook分享功能具体实现

本文为大家介绍下网页上facebook分享功能的具体实现，详细代码请看本文

　　代码如下:

　　

　　题外话:直接跳到facebook登录页面的分享按钮:

　　url为： http://www.facebook.com/sharer.php?u=www.baidu.com&t=123213123

　　其中的u参数为你要分享的链接。t 参数目前还没弄清楚是干什么的。

　　facebook分享功能的实现:

　　分享页面设定

　　1.一个链接：参数是要分享的页面的链接

　　代码如下:

　　<a style="display:inline-block;width:35px; height:40px; position:relative; top:10px; left:48px; "

　　title="Share on Facebook" target="_blank"

　　onclick="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent('https://www.baidu.com')+'&t='+encodeURIComponent(document.title), 'newWindow', 'width=800, height=400','center');void(0);">

　　2.fb识别的标签：

　　代码如下:

　　<title>test</title>

　　<meta property="og:image" content="test/test.jpg" />

　　<meta property="og:description" content="test>" />

　　<meta property="og:url" content="https://www.baidu.com" />

　　注意：

　　1.title fb可以自动读取要分享页面的title 这个要设置在fb的sharer.php参数里

　　你也可以自己设置方式就是

　　代码如下:

　　<meta property="og:title" content="test" />

　　2.image标签可以写多个分享人可以自己选择图片

　　3.url就是你的要分享的页面

　　4.description 介绍信息

　　提示：

　　图片像素必须是100*100 这样的格式我用90*90 就是OK的

　　例如：300*100 150*50在www.facebook.com图片会截取90x90图片显示就不正确了

　　如果图片小了更不行了，分享的那个弹出框就不会显示你的图片这个情况发生在图片小于90x90的情况吧

分享到：