當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

百度分享--分享按钮的实现

發(fā)布時(shí)間：2024/9/27 编程问答 25 豆豆

生活随笔收集整理的這篇文章主要介紹了百度分享--分享按钮的实现小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

百度分享代碼： <%@ page contentType="text/html;charset=UTF-8"%>
<div class="bdsharebuttonbox">
?<a href="#" class="bds_more" data-cmd="more"></a><a href="#"
??class="bds_qzone" data-cmd="qzone" title="分享到QQ空間"></a><a href="#"
??class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#"
??class="bds_tqq" data-cmd="tqq" title="分享到騰訊微博"></a><a href="#"
??class="bds_renren" data-cmd="renren" title="分享到人人網(wǎng)"></a><a href="#"
??class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#"
??class="bds_douban" data-cmd="douban" title="分享到豆瓣網(wǎng)"></a>
</div>
<script>
?window._bd_share_config = {
??"common" : {
???"bdSnsKey" : {},
???"bdText" : "",
???"bdMini" : "2",
???"bdMiniList" : false,
???"bdPic" : "",
???"bdStyle" : "0",
???"bdSize" : "24"
??},
??"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>
要注意的是要加上class="bdsharebuttonbox"?屬性，class="bds_more" data-cmd="more"這些屬性都要加上。

注：只有版本號(hào)高于2.0的代碼才支持自定義開(kāi)發(fā)，如果您已安裝過(guò)百度分享，請(qǐng)先檢測(cè)版本號(hào)是否符合，再參考此文檔，謝謝。

一、概述

百度分享代碼已升級(jí)到2.0，本頁(yè)將介紹新版百度分享的安裝配置方法，請(qǐng)點(diǎn)擊左側(cè)列表查看相關(guān)章節(jié)。

二、代碼結(jié)構(gòu)

分享代碼可以分為三個(gè)部分：HTML、設(shè)置和js加載，示例如下：

代碼結(jié)構(gòu)如下：

<div class="bdsharebuttonbox" data-tag="share_1"> </div> <script>window._bd_share_config = {//此處添加分享具體設(shè)置}//以下為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>

三、按鈕標(biāo)簽

按鈕標(biāo)簽代碼

說(shuō)明：

只有普通頁(yè)面分享需要按鈕標(biāo)簽。劃詞分享、圖片分享無(wú)需添加HTML結(jié)構(gòu)。

HTML結(jié)構(gòu)可以放在body的任意位置，可復(fù)制多份。

class＝"bdsharebuttonbox" 部分為dom選擇器，請(qǐng)勿改動(dòng)。

data-tag屬性為分享按鈕標(biāo)識(shí)，用于實(shí)現(xiàn)同一頁(yè)面中多分享按鈕不同配置，詳見(jiàn)設(shè)置部分。

data-cmd屬性為分享目標(biāo)標(biāo)識(shí)，取值請(qǐng)參見(jiàn)：分享媒體id對(duì)應(yīng)表。此外值為more時(shí)點(diǎn)擊展現(xiàn)更多彈窗，值為count時(shí)展現(xiàn)分享數(shù)。

HTML代碼中其他部分均可自定義。

四、自定義設(shè)置

設(shè)置部分結(jié)構(gòu)如下，如不需要某項(xiàng)功能，刪除相應(yīng)的配置項(xiàng)即可。

設(shè)置：

4.1 通用設(shè)置

通用設(shè)置將作用于所有分享類(lèi)型，可將通用設(shè)置放于此處，如分享內(nèi)容、分享url等。

通用設(shè)置

通用設(shè)置項(xiàng)解析：