如何实现网页上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/gjceis.html">Oracle12C中的StatisticsonColumnGroups分析</a> </li><li> <a href="/article/gjcegp.html">【转载】Oracle之内存结构(SGA、PGA)-肥牛的个人空间</a> </li><li> <a href="/article/gjceed.html">如何解决php不支持gd库的问题</a> </li><li> <a href="/article/gjcegh.html">SpringBoot初始化之7招式</a> </li><li> <a href="/article/gjceeh.html">JavaI/O中I/O流怎么用</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.wzjierui.cn/" title="温江网站建设" target="_blank">温江网站建设</a>   <a href="https://www.cdcxhl.com/mobile.html" title="成都做手机网站" target="_blank">成都做手机网站</a>   <a href="http://www.4006tel.net/mobile/" title="app开发" target="_blank">app开发</a>   <a href="https://www.cdcxhl.cn/ " title="云虚拟主机" target="_blank">云虚拟主机</a>   <a href="https://www.cdxwcx.com/jifang/guanghua.html" title="成都光华机房" target="_blank">成都光华机房</a>   <a href="http://www.cdkjz.cn/wangzhan/" title="成都网站推广" target="_blank">成都网站推广</a>   <a href="http://www.scghjhjc.cn/" title="四川锦华橡塑" target="_blank">四川锦华橡塑</a>   <a href="https://www.cdcxhl.cn/ " title="香港云主机" target="_blank">香港云主机</a>   <a href="http://www.zhuanlizhuanrang.cn/" title="四川审计公司" target="_blank">四川审计公司</a>   <a href="http://www.jinhuajc.com/" title="橡塑板" target="_blank">橡塑板</a>    </div> </div> </div> <div class="copy container"> Copyright