FEX

让web开发更迅速、简单。

您的位置:首页 - 功能类组件列表 - 功能类组件详情

百度分享组件(支持https)

2017-12-15 10:08:54

说明
 
 
这个是百度自定义的社会化分享组件。为了支持Https协议,因为百度线上的没有https协议版本
 
 
 
如何使用
 
 
先去百度获取代码 百度share
 
拿到生成的代码:大概如下
 
 
 
 
 
 
 
 
 
 
<script>window._bd_share_config = {
    "common": {
        "bdSnsKey": {},
        "bdText": "",
        "bdMini": "2",
        "bdMiniList": false,
        "bdPic": "",
        "bdStyle": "0",
        "bdSize": "24"
    },
    "share": {},
    "image": {"viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到:", "viewSize": "16"},
    "selectShare": {"bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]}
};
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>
 
如果需要支持HTTPS协议,需要把最后 JS加载URL修改成我们的CDN网址
 
 
注意,要把后面的随机数去掉。因为可能会让CDN回流
 
 
 
把这一行:
 
 
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)];
 
修改为
 
 
with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '//zhcdn01.xoyo.com/xassets/com/pf/baiduShare/static/api/js/share.js'];
 
 
示例:
 
<div class="share-rig">
 
                <div class="bdsharebuttonbox" data-tag="share_1">
                    <a class="bds_tsina" data-cmd="tsina"></a>
                    <a class="bds_sqq" data-cmd="sqq" href="#"></a>
                    <a class="bds_weixin" data-cmd="weixin" href="#"></a>
                    <a class="bds_qzone" data-cmd="qzone" href="#"></a>
 
                </div>
                <script>
                    window._bd_share_config = {
                        common : {
                            //此处放置通用设置
                            bdText : '《剑网3》重制版是由金山软件西山居开发运营的全新旗舰级3D MMORPG。游戏采用自主研发的DX11的次世代引擎,通过PBR物理渲染技术来展现独树一帜的写意国风。浓郁的风格化服饰与作画细节,彰显了《剑网3》特有的文化底蕴,呈现给玩家壮丽华美的大唐世界。',
                            bdDesc : '《剑网3》作为中国国民级武侠MMORPG,开创轻功武侠玩法,揭开乱世大唐历史篇章,凭借优异的美术设计和友好的社交氛围受到了众多玩家的赞誉,为千万武侠迷营造出一个如梦似幻的江湖世界。',
                            bdUrl : 'http://jx3.xoyo.com',
                            bdPic : 'http://jx3.xoyo.com/assets/website/2017/09/25/czbpc/share-pc.jpg'
                        },
                        share : [{
                            //此处放置分享按钮设置
                            bdSize : '24'
                        }],
                        slide : [
                            //此处放置浮窗分享设置
                        ],
                        image : [
                            //此处放置图片分享设置
                        ],
                        selectShare : [
                            //此处放置划词分享设置
                        ]
                    }
 
                    //以下为js加载部分
                    with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '//zhcdn01.xoyo.com/xassets/com/pf/baiduShare/static/api/js/share.js'];
                </script>
                <!-- JiaThis Button END -->
            </div>