如何自定義分享內(nèi)容

2018-02-26 16:34 更新

自定義分享內(nèi)容

百度分享默認(rèn)的分享內(nèi)容為您當(dāng)前頁(yè)面的title,但您可以通過(guò)如下方法來(lái)自定義您想要分享出去的內(nèi)容。

1、通過(guò)全局配置進(jìn)行修改:

<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
    <a class="bds_qzone">QQ空間</a>
    <a class="bds_tsina">新浪微博</a>
    <a class="bds_tqq">騰訊微博</a>
    <a class="bds_renren">人人網(wǎng)</a>
    <span class="bds_more">更多</span>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools&mini=1" ></script> 
<script type="text/javascript" id="bdshell_js"></script> 
<script type="text/javascript">
	//在這里定義bds_config
	var bds_config = {'bdText':'這里寫(xiě)入您想要自定義的分享內(nèi)容'};
	document.getElementById('bdshell_js').src = "http://share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->

如果您的頁(yè)面中有多個(gè)不同類(lèi)型的百度分享按鈕,但想要每一個(gè)分享按鈕分享出去的內(nèi)容都不一樣,怎么辦?

百度分享為您提供了第二種自定義分享內(nèi)容的配置方法

2、通過(guò)增加按鈕html標(biāo)簽的data屬性進(jìn)行修改:

<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare" data="{'text':'這里寫(xiě)入您想要自定義的分享內(nèi)容A'}">
    <a class="bds_qzone">QQ </a>
    <a class="bds_tsina">新浪</a>
    <a class="bds_tqq">騰訊</a>
    <a class="bds_renren">人人</a>
    <span class="bds_more">更多</span>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
    <script type="text/javascript" id="bdshell_js"></script>
    <script type="text/javascript">
        document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
    </script>
<!-- Baidu Button END -->

<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare" data="{'text':'這里寫(xiě)入您想要自定義的分享內(nèi)容B'}">
    <span class="bds_more">更多</span>
    <a class="bds_tsina">新浪</a>
    <a class="bds_tqq">騰訊</a>
    <a class="bds_renren">人人</a>
    <a class="bds_qzone">QQ </a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
    <script type="text/javascript" id="bdshell_js"></script>
    <script type="text/javascript">
        document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
    </script>
<!-- Baidu Button END -->

注意:

當(dāng)您要分享的內(nèi)容中包含英文單引號(hào)(')的時(shí)候,請(qǐng)您使用(\')方法進(jìn)行轉(zhuǎn)義處理,以保證分享內(nèi)容的正確性

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)