如何实现网页上facebook分享功能-创新互联

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

创新互联建站是一家集网站建设,个旧企业网站建设,个旧品牌网站建设,网站定制,个旧网站建设报价,网络营销,网络优化,个旧网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

代码如下:

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

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

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

facebook分享功能的实现:

分享页面设定

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

代码如下:

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识别的标签：

代码如下:

test</</span>title><br/><meta property="og:image" content="test/test.jpg" /><br/><meta property="og:description" content="test>" /><br/><meta property="og:url" content="https://www.baidu.com" /></p><br/><p><br/>注意：<br/><br/>1.title fb可以自动读取要分享页面的title 这个要设置在fb的sharer.php参数里<br/>你也可以自己设置方式就是</p><br/><p>代码如下:</p><p><br/><meta property="og:title" content="test" /></p><br/><p><br/>2.image标签可以写多个分享人可以自己选择图片<br/><br/>3.url就是你的要分享的页面<br/>4.description 介绍信息<br/><br/>提示：<br/><br/>图片像素必须是100*100 这样的格式我用90*90 就是OK的<br/><br/>例如：300*100 150*50在www.facebook.com图片会截取90x90图片显示就不正确了<br/>如果图片小了更不行了，分享的那个弹出框就不会显示你的图片这个情况发生在图片小于90x90的情况吧</p><p>以上是“如何实现网页上facebook分享功能”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！</p> <br> 本文题目：如何实现网页上facebook分享功能-创新互联 <br> 文章出自：<a href="http://myzitong.com/article/dcgjoi.html">http://myzitong.com/article/dcgjoi.html</a> </div> </div> <div class="contentr fr"> <h3>其他资讯</h3> <ul> <li> <a href="/article/ddpejgi.html">云和服务器安全吗云和服务站在哪</a> </li><li> <a href="/article/ddpejei.html">判断素数c语言函数判断素数的c语言函数</a> </li><li> <a href="/article/ddpejie.html">sap新系统的逻辑方案的简单介绍</a> </li><li> <a href="/article/ddpejsi.html">帝国cms操作说明书帝国cms视频教程</a> </li><li> <a href="/article/ddpegsg.html">go语言怎么调用dll go语言怎么调用方法</a> </li> </ul> </div> </div> </div>  <footer> <div class="foot"> <div class="container"> <h1>梓潼大橙子建站您身边的网站制作服务商</h1> <div class="foot1"> <ul> <li> <dl><i class="iconfont"></i><b>地址ADDRESS</b></dl> <p>四川-成都青羊区太升南路288号<br> 锦天国际A座10楼 </p> </li> <li> <dl><i class="iconfont"></i><b>电话/TEL</b></dl> <p><a href="tel:02886922220" target="_blank">028 86922220</a> (工作日)<br> <a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 ) </p> </li> <li> <dl><i class="iconfont"></i><b>QQ咨询</b></dl> <p> 244261566 (售前)<br> 631063699 (售后) </p> </li> <li> <dl><i class="iconfont"></i><b>邮箱/E: mail</b></dl> <p> service@cdcxhl.com (业务)<br> hr@cdcxhl.com (求职) </p> </li> </ul> </div> <div class="link"> 友情链接： <a href="http://www.scdkjj.com/" title="scdkjj.com" target="_blank">scdkjj.com</a> <a href="http://seo.cdkjz.cn/" title="百度推广公司" target="_blank">百度推广公司</a> <a href="http://www.cxjianzhan.cn/" title="网站建设开发" target="_blank">网站建设开发</a> <a href="http://www.cdcxgsdb.com/" title="成都代办资质" target="_blank">成都代办资质</a> <a href="http://chengdu.cdcxhl.cn/seo/ " title="成都网站推广" target="_blank">成都网站推广</a> <a href="http://m.cdxwcx.com/" title="成都网站建设" target="_blank">成都网站建设</a> <a href="http://www.cdhuace.com/biaoshi.html" title="成都标识标牌设计制作" target="_blank">成都标识标牌设计制作</a> <a href="http://www.cxjianzhan.com/mobile/" title="手机网站建设公司" target="_blank">手机网站建设公司</a> <a href="http://www.xhgfhy.com/" title="犀浦防纹窗" target="_blank">犀浦防纹窗</a> <a href="http://m.xwcx.net/wechat/" title="成都微信二次开发公司" target="_blank">成都微信二次开发公司</a> </div> </div> </div> <div class="copy container"> Copyright