百度分享插件的相关参数

一、概述

百度分享代码已升级到2.0,本页将介绍新版百度分享的安装配置方法,请点击左侧列表查看相关章节。

二、代码结构

分享代码可以分为三个部分:HTML、设置和js加载,示例如下:

代码结构如下:

 div data-tag="share_1" 
 !-- 此处添加展示按钮 -- 
 /div 
 script 
 window._bd_share_config = {
 //此处添加分享具体设置
 //以下为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 


只有普通页面分享需要按钮标签。划词分享、图片分享无需添加HTML结构。

HTML结构可以放在body的任意位置,可复制多份。

class=”bdsharebuttonbox” 部分为dom选择器,请勿改动。

data-tag属性为分享按钮标识,用于实现同一页面中多分享按钮不同配置,详见设置部分。

data-cmd属性为分享目标标识,取值请参见:分享媒体id对应表。此外值为more时点击展现更多弹窗,值为count时展现分享数。

HTML代码中其他部分均可自定义。

四、自定义设置

设置部分结构如下,如不需要某项功能,删除相应的配置项即可。

设置:

 script 
 window._bd_share_config = {
 common : {
 //此处放置通用设置
 share : [
 //此处放置分享按钮设置
 slide : [
 //此处放置浮窗分享设置
 image : [
 //此处放置图片分享设置
 selectShare : [
 //此处放置划词分享设置
 /script 


4.1 通用设置

通用设置将作用于所有分享类型,可将通用设置放于此处,如分享内容、分享url等。

通用设置

 script 
 window._bd_share_config = {
 common : { 
 bdText : '', 
 bdDesc : '', 
 bdUrl : '', 
 bdPic : '', 
 /script 


on|off|normal
是否进行回流统计。
‘on’: 默认值,使用正常方式挂载回流签名(#[数字签名])
‘off’: 关闭数字签名,不统计回流量
‘normal’: 使用 符号连接数字签名,不破坏原始url中的#锚点

[‘qzone’,’tsina’,…]
自定义下拉浮层中的分享按钮类型和排列顺序。详见分享媒体id对应表

function(cmd,config){}
在用户点击分享按钮时执行代码,更改配置。
cmd为分享目标id,config为当前设置,返回值为更新后的设置。

4.2 分享按钮设置

分享按钮设置的值为数组或对象,值为数组时可对多个分享按钮应用不同的设置。

分享按钮设置

 script 
 window._bd_share_config = {
 share : [{
 "tag" : "share_1",
 "bdSize" : 32,
 "tag" : "share_2",
 "bdSize" : 16,
 /script 


与data-tag一致
表示该配置只会应用于data-tag值一致的分享按钮。
如果不设置tag,该配置将应用于所有分享按钮。

4.3 浮窗分享设置

浮窗分享设置的值为数组或对象,值为数组时可在页面显示多个分享浮窗。

浮窗分享设置

 script 
 window._bd_share_config = {
 slide : [{ 
 bdImg : 0,
 bdPos : "right",
 bdTop : 100
 bdImg : 0,
 bdPos : "left",
 bdTop : 100
 /script 


4.4 图片分享设置

图片分享设置的值为数组或对象,值为数组时可对图片应用不同的设置。

图片分享设置

 script 
 window._bd_share_config = {
 image : [{
 "tag" : "img_1",
 viewType : 'list',
 viewPos : 'top',
 viewColor : 'black',
 viewSize : '16',
 viewList : ['qzone','tsina','huaban','tqq','renren']
 "tag" : "img_2",
 viewType : 'list',
 viewPos : 'top',
 viewColor : 'black',
 viewSize : '16',
 viewList : ['qzone','tsina','huaban','tqq','renren']
 /script 


与data-tag一致
表示该配置只会应用于data-tag值一致的图片。如果不设置tag,该配置将应用于所有图片。

[‘qzone’,’tsina’,…]
自定义展示层中的分享按钮类型和排列顺序。详见分享媒体id对应表

“bdSelectMiniList” : [‘qzone’,’tqq’,’kaixin001′,’bdxc’,’tqf’],
“bdContainerClass” : “容器class名”
/script


[‘qzone’,’tsina’,…]
自定义弹出浮层中的分享按钮类型和排列顺序。详见分享媒体id对应表

 script 
 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 


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


 //打开已安装分享代码的页面,在控制台中执行:
 javascript:b=(window.bdShare||window._bd_share_main);alert(b?'\u5F53\u524D\u9875\u9762\u7684\u5206\u4EAB\u4EE3\u7801\u7248\u672C\u4E3A\uFF1A'+(b.version||'1.0'):'\u5F53\u524D\u9875\u9762\u6CA1\u6709\u5B89\u88C5\u5206\u4EAB\u4EE3\u7801\u3002')


注意:

您在使用自定义属性,请您将自定义内容里面涉及到英文单引号(‘)进行(\’)转义,以免出现问题

未经允许不得转载:Villain博客 » 百度分享插件的相关参数

赞 (0) 打赏

评论 0

评论前必须登录!

登陆 注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏