原文链接：百度分享插件的使用效果图
文章图片
代码结构 百度分享代码可以分为三个部分：HTML、_bd_share_config（具体配置）和js加载。代码如下：
按钮标签
自定义设置 配置如下：
通用设置
通用设置将作用于所有分享类型，可将通用设置放于此处，如分享内容、分享url等。
通用设置项解析：
| 配置项名称 | 值类型 | 格式和取值 | 描述 |
|---|---|---|---|
| bdText | string | 自定义 | 分享的内容 |
| bdDesc | string | 自定义 | 分享的摘要 |
| bdUrl | string | 自定义 | 分享的Url地址 |
| bdPic | string | 自定义 | 分享的图片 |
| bdSign | string | on ｜ off ｜ normal | 是否进行回流统计。 'on': 默认值，使用正常方式挂载回流签名（#[数字签名]） 'off': 关闭数字签名，不统计回流量 'normal': 使用&符号连接数字签名，不破坏原始url中的#锚点。 |
| bdMini | int | 1 ｜ 2 ｜ 3 | 下拉浮层中分享按钮的列数 |
| bdMiniList | array | ['qzone','tsina',...] | 自定义下拉浮层中的分享按钮类型和排列顺序。 |
| onBeforeClick | function | function(cmd,config){} | 在用户点击分享按钮时执行代码，更改配置。 cmd为分享目标id，config为当前设置，返回值为更新后的设置。 |
| onAfterClick | function | function(cmd){} | 在用户点击分享按钮后执行代码，cmd为分享目标id。可用于统计等。 |
| bdPopupOffsetLeft | int | 正｜负数 | 下拉浮层的y偏移量 |
| bdPopupOffsetTop | int | 正｜负数 | 下拉浮层的x偏移量 |
分享按钮设置的值为数组或对象，值为数组时可对多个分享按钮应用不同的设置。
分享按钮配置项解析：
| 配置项名称 | 值类型 | 格式和取值 | 描述 |
|---|---|---|---|
| tag | string | 与data-tag一致 | 表示该配置只会应用于data-tag值一致的分享按钮。 如果不设置tag，该配置将应用于所有分享按钮。 |
| bdSize | int | 16｜24｜32 | 分享按钮的尺寸 |
| bdCustomStyle | string | 样式文件地址 | 自定义样式，引入样式文件 |
浮窗分享设置的值为数组或对象，值为数组时可在页面显示多个分享浮窗。
浮窗分享设置项解析：
| 配置项名称 | 值类型 | 格式和取值 | 描述 |
|---|---|---|---|
| bdImg | string | 0｜1｜2｜3｜4｜5｜6｜7｜8 | 分享浮窗图标的颜色。 |
| bdPos | string | left｜right | 分享浮窗的位置 |
| bdTop | int | 分享浮窗与可是区域顶部的距离(px) |
图片分享设置的值为数组或对象，值为数组时可对图片应用不同的设置。
图片分享设置项解析：
| 配置项名称 | 值类型 | 格式和取值 | 描述 |
|---|---|---|---|
| tag | string | 与data-tag一致 | 表示该配置只会应用于data-tag值一致的图片。 如果不设置tag，该配置将应用于所有图片。 |
| viewType | string | list｜collection | 图片分享按钮样式。 |
| viewPos | string | top｜bottom | 图片分享展示层的位置。 |
| viewColor | string | black｜white | 图片分享展示层的背景颜色。 |
| viewSize | int | 16｜24｜32 | 图片分享展示层的图标大小。 |
| viewList | array | ['qzone','tsina',...] | 自定义展示层中的分享按钮类型和排列顺序。详见分享媒体id对应表 |
图片分享设置项解析：
| 配置项名称 | 值类型 | 格式和取值 | 描述 |
|---|---|---|---|
| bdSelectMiniList | array | ['qzone','tsina',...] | 自定义弹出浮层中的分享按钮类型和排列顺序。详见分享媒体id对应表 |
| bdContainerClass | string | myclassname | 自定义划词分享的激活区域 |
