百度分享自定义URL

显示效果 

 

<!-- 百度分享 开始 -->
<div id="ckepop">
    <div class="bdsharebuttonbox bdshare-button-style0-24" data-bd-bind="1538187179573">
        <a class="bds_more" href="#" data-cmd="more" data-id="635581829382059548"></a>
        <a title="分享到微信" class="bds_weixin" href="#" data-cmd="weixin"    weixin" data-id="635581829382059548"></a>
        <a title="分享到QQ好友" class="bds_sqq" href="#" data-cmd="sqq" weixin" data-id="635581829382059548"></a>
        <a title="分享到QQ空间" class="bds_qzone" href="#" data-cmd="qzone" data-id="635581829382059548"></a>
        <a title="分享到新浪微博" class="bds_tsina" href="#" data-cmd="tsina" data-id="635581829382059548"></a>
    </div>
</div>
<!-- 百度分享 结束 -->
<script type="text/javascript">

    //全局变量，动态的文章ID
    var ShareId = "";
    //绑定所有分享按钮所在A标签的鼠标移入事件，从而获取动态ID
    $(function () {
        $(".bdsharebuttonbox a").mouseover(function () {
            ShareId = $(this).attr("data-id");
        });
    });

    /*
    * 动态设置百度分享URL的函数,具体参数
    * cmd为分享目标id,此id指的是插件中分析按钮的ID
    *，我们自己的文章ID要通过全局变量获取
    * config为当前设置，返回值为更新后的设置。
    */
    function SetShareUrl(cmd, config) {
        if (ShareId) {
            config.bdUrl = window.location.href;
        }
        return config;
    }

    //插件的配置部分，注意要记得设置onBeforeClick事件，主要用于获取动态的文章ID
    window._bd_share_config = {
        "common": {
            onBeforeClick: SetShareUrl, "bdSnsKey": {}, "bdText": ""
            , "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "24"
        }, "share": {}
    };
    //插件的JS加载部分
    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>