网站中添加facebook分享功能

1.首先在网页中引用js

2.在head下面添加如下代码

   <meta http-equiv="X-UA-Compatible" content="ie=edge">  
<%--<meta name="twitter:title"   content="@ViewBag.Title" />  
<meta name="twitter:description"   content="@ViewBag.Description" />  
<meta name="twitter:image" content="@ViewBag.ShareImg" />  
<meta name="twitter:card" content="summary" />  
<meta name="twitter:url"   content="当前分享的链接--可要可不要" />  
  
  
<meta property="og:image" content="@ViewBag.ShareImg" />       
<meta property="og:locale" content="en-US" />  
<meta property="og:type"   content="website" />  

<meta property="og:url"   content="当前分享的链接--可要可不要" /> --%>


3.分享文章的js

  <%--分享facebook文章js--%>
    <script type="text/JavaScript">
        function popupwindow(url, title, w, h) {
            wLeft = window.screenLeft ? window.screenLeft : window.screenX;
            wTop = window.screenTop ? window.screenTop : window.screenY;


            var left = wLeft + (window.innerWidth / 2) - (w / 2);
            var top = wTop + (window.innerHeight / 2) - (h / 2);
            return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
        }
        window.onload = function () {
            document.getElementById('share_button').onclick = function () {
                var shareUrl = "http://www.facebook.com/sharer/sharer.php?u=" + facebook.baseURI + "";
                popupwindow(shareUrl, 'Facebook', 600, 400);
            }
        }

    </script>  


4.div中写如下代码   <span id="share_button"> <img src="../xq_files/facebook.png" /></span>

黄色字体对应div中span的id     红色表示你要给的参数(我这里是给的自己网站文章的链接)

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值