如何实现网页上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>
URL标题：<a href="http://www.wjwzjz.com/article/dcgjoi.html">http://www.wjwzjz.com/article/dcgjoi.html</a>
</div>
</div>
<div class="othernews">
<h3>其他资讯</h3>
<div class="othernews_list">
<ul>
<li>
<a href="/article/jhopci.html">Ubuntu系统中的声音菜单怎么移除音乐播放器</a>
</li><li>
<a href="/article/jhopij.html">workerman实时推送的示例</a>
</li><li>
<a href="/article/jhopii.html">virtualenv怎样搭建python开发环境</a>
</li><li>
<a href="/article/jhopic.html">Ceph常用的命令总结</a>
</li><li>
<a href="/article/jhopeg.html">怎么配置SSH服务器安全</a>
</li> </ul>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer_content">
<div class="footer_content_top clear">
<div class="content_top_share fl">
<div><img src="/Public/Home/img/logo.png"></div>
<div class="top_share_content">
<dd>分享至：</dd>
<dt class="bdsharebuttonbox clear" id="share">
<a href="#" class="bds_tsina iconfont fl" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_sqq iconfont fl" data-cmd="sqq" title="分享到QQ好友"></a>
<a href="#" class="bds_weixin iconfont fl" data-cmd="weixin" title="分享到微信"></a>
<a href="#" class="bds_weixin iconfont fl" data-cmd="tieba" title="分享到贴吧"></a>
</dt>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
</div>
</div>
<div class="content_top_left fl clear">
<div class="top_left_list fl">
<dd><a href="/about/">关于我们</a></dd>
<dt>
<a href="/about/#gsjj">公司简介</a>
<a href="/about/#fzlc">发展历程</a>
</dt>
</div>
<div class="top_left_list fl">
<dd><a href="/service/">服务项目</a></dd>
<dt>
<a href="/service/">高端网站建设</a>
<a href="/miniprogram/">小程序开发</a>
<a href="/service/app.html">APP开发</a>
<a href="/service/yingxiao.html">网络营销</a>
</dt>
</div>
<div class="top_left_list fl">
<dd><a href="/jianzhan/">建站知识</a></dd>
<dt>
<a href="/jianzhan/">行业新闻</a>
<a href="/jianzhan/">建站学堂</a>
<a href="/jianzhan/">常见问题</a>
</dt>
</div>
<div class="top_left_list fl">
<dd><a href="/contact/">联系我们</a></dd>
<dt>
<a href="/contact/#lxwm">公司地址</a>
<a href="/contact/#rczp">人才招聘</a>
</dt>
</div>
</div>
<div class="content_top_right addressR fr">
<div class="top_right_title addressf_title">
<a href="javascript:;" class="on">成都</a>
</div>
<div class="top_right_content addressf">
<div class="right_content_li on">
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">电话：028-86922220</dt>
</div>
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">地址：成都市太升南路288号锦天国际A幢1002号</dt>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_content_copyright clear">版权所有：成都新网创想广告设计中心（普通合伙）
<a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">蜀ICP备11025516号-13</a>
</div>
</div>
<!--浮窗-->
<div class="FloatingWindow clear">
<a href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="FloatingWindow_list fr">
<div class="FloatingWindow_list_title">
<dd class="iconfont"></dd>
<dt><span>在线</span>咨询</dt>
</div>
</a>
<a href="javascript:;" class="FloatingWindow_list fr">
<div class="FloatingWindow_list_title">
<dd class="iconfont"></dd>
<dt>服务热线</dt>
</div>
<div class="FloatingWindow_list_down fadeInRight animated">服务热线：028-86922220</div>
</a>
<a href="javascript:;" class="FloatingWindow_list fr STop">
<div class="FloatingWindow_list_title">
<dd class="iconfont"></dd>
<dt>TOP</dt>
</div>
</a>
</div>
<script src="/Public/Home/js/jquery-1.8.3.min.js"></script>
<script src="/Public/Home/js/comm.js"></script>
<script src="/Public/Home/js/wow.js"></script>
<script src="/Public/Home/js/common.js"></script>
</body>
</html>
<script>
$(".cont img").each(function(){
var src = $(this).attr("src"); //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //绝对路径
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script> 
温江做网站
