有些站長可能會想在一個頁面放置多個分享按鈕,每個按鈕分享的都是不同的頁面和內容。最典型的可能就是blog首頁,例如:bShare的blog

要在一個頁面放置多個按鈕其實很簡單,您可以在每個想要分享按鈕出現的地方放置一個佔位元素。如下:

<a class="bshareDiv" href="http://www.bshare.cn/share">分享按鈕</a>

然後在頁面底部放置JS嵌入代碼的<script>部分就可以了。

如果您想為每個按鈕指定不同分享內容,可以使用bShare.addEntry()方法(可參考自定義分享內容及圖片)。 addEntry()的調用和bShare按鈕是一一對應的,就是說頁面中第N個按鈕分享的就是第N個addEntry()調用指定的內容。如果按鈕沒有對應的addEntry()調用,則分享的就是當前頁面的相關內容。

下面是一個示例,在blog首頁每個文章的摘要下方置入bShare按鈕,然後在最後調用bShare.addEntry()來指定每個按鈕的分享內容。代碼使用了jQuery。

var headers = $(".postHeader"), posts = $(".postBody");
$.each(headers, function(i, h) { // 遍歷所有文章標題元素
    bShare.addEntry({
        title:$(a).text(), // 獲取文章標題
        url:a.href, // 獲取文章鏈接
        summary:$(posts[i]).text(), // 從postBody中獲取文章摘要
    });
});
註冊
安裝bShare
分享按鈕自定義
站長設置
bShare API
分享平台代碼參考
分享優化功能設置
常見問題
© 2009- 爱点击(北京)数据科技有限公司  

  京公网安备 11010502045213号

  京ICP备13006473号-8  版权所有。
a buzzinate company