有些站长可能会想在一个页面放置多个分享按钮,每个按钮分享的都是不同的页面和内容。 最典型的可能就是博客首页,例如:bShare的博客

要在一个页面放置多个按钮其实很简单,您可以在每个想要分享按钮出现的地方放置一个占位元素。如下:

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

然后在页面底部放置JS嵌入代码的<script>部分就可以了。

如果您想为每个按钮指定不同分享内容,可以使用bShare.addEntry()方法(可参考自定义分享内容及图片)。 addEntry()的调用和bShare按钮是一一对应的,就是说页面中第N个按钮分享的就是第N个addEntry()调用指定的内容。如果按钮没有对应的 addEntry()调用,则分享的就是当前页面的相关内容。

下面是一个示例,在博客首页每个文章的摘要下方置入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
分享平台代码参考
分享优化功能设置
常见问题
京ICP备13006473号-8
© 2009-2017 爱点击互动(北京)广告有限公司。版权所有。
a buzzinate company