如何实现网页上facebook分享功能

这篇文章主要介绍如何实现网页上facebook分享功能，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

代码如下:

<span ><span ></span></span>

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

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

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

facebook分享功能的实现:

分享页面设定

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

代码如下:

<a  
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</</span>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的情况吧

以上是“如何实现网页上facebook分享功能”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！