码迷,mamicode.com
首页 > 其他好文 > 详细

实现分享功能插件一---百度分享插件应用

时间:2017-09-08 21:43:31      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:pen   ini   date()   sns   sina   button   图片   nil   col   

博主原创:未经博主允许,不得转载

在做项目的时候,碰到实现分享的功能,在网上搜了很多的资料,实现分享主要有两种插件。

一种插件是百度分享的插件,另一种是jiathis进行实现分享。

先展示用百度分享插件如何实现,具体代码如下,其实现的功能为实现视频分享,并带视频图片:

 <body>
     <div class="bdsharebuttonbox" data-tag="share_1">
                                    <a class="bds_weixin" data-cmd="weixin"></a>
                                    <a class="bds_qzone" data-cmd="qzone"></a>
                                    <a class="bds_tsina" data-cmd="tsina"></a>
                                    <a class="bds_baidu" data-cmd="baidu"></a>
                                    <!-- <a class="bds_tqq" data-cmd="tqq"></a> -->
                                    <a class="bds_sqq" data-cmd="sqq"></a>
                                    <a class="bds_more" data-cmd="more">更多</a>
                                    <a class="bds_count" data-cmd="count"></a>
                              </div>
                               <script>
                                 window._bd_share_config = {
                                  "common" : {
                                   "bdSnsKey" : {},
                                   "bdText" : "${title}",  //分享时的标题
                                   "bdMini" : "2",
                                   "bdMiniList" : false,
                                   "bdPic" : "${pic}", //此处为分享时自带的图片
                                   "bdStyle" : "0",
                                   "bdSize" : "32",
                                   "bdUrl" : ‘${sharUrl}‘, //此处为后台要进行分享的内容的定义
                                   "bdDesc":‘${summary}‘,  //分享时的文本摘要
                                  },
                                  "share" : {}
                                 };
                                 //此处为需要引入的百度分享的js文件
                                 with(document)0[(getElementsByTagName(‘head‘)[0]||body).appendChild(createElement(‘script‘)).src=‘http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=‘+~(-new Date()/36e5)];
                                </script>
        
    
  </body>
</html>

实现后的效果为:

技术分享

应用以上的代码就可以简单的实现一个内容的分享功能。

如果要实现更多的功能,可以参考百度分享的官网:http://share.baidu.com/code/advance

 

实现分享功能插件一---百度分享插件应用

标签:pen   ini   date()   sns   sina   button   图片   nil   col   

原文地址:http://www.cnblogs.com/zjdxr-up/p/7496334.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!