已经在使用bShare分享了?还想要用户能轻松的将您网站的图片分享到各大社交网络和微博么?来试试我们的bShare图片分享功能吧!
您需要做的只是在您的页面里再加上一行代码。注意在您把以下蓝色部分的代码加入您的页面时,您必须已经嵌入了bShare按钮的嵌入代码(即下面黑色部分的代码)。
如果您还没有UUID,可以去注册并创建网站,得到对应的UUID以便开始追踪数据。如果您不需要追踪数据,也可以将uuid设置为空。
加入上面的代码后,每当用户将鼠标移动到指定的图片上时,分享按钮就会出现!
您可以使用以下参数来调整bShare图片分享按钮:
bgColor | 图片分享按钮的背景颜色,可以是CSS中color属性支持的任意值,(如#FFF或者White)。默认的颜色是#FF5C00。 |
txtColor | 图片分享按钮的文本颜色。可以是CSS中color属性支持的任意值,(如#FFF或者White)。默认的颜色是白色。 |
text | 图片分享按钮上的文字,默认是"分享到:"。 注:由于Safari浏览器的编码机制,当为非utf-8页面安装按钮并需要设置text的值为中文时,请将中文进行utf-8编码后再对text赋值,如用 text=%E5%88%86%E4%BA%AB%E5%88%B0 代替 text=分享到。 注:由于Safari浏览器的编码机制,当为非utf-8页面安装按钮并需要设置text的值为中文时,请将中文进行utf-8编码后再对text赋值,如用 text=%E5%88%86%E4%BA%AB%E5%88%B0代替 text=分享到。 |
bp | 图片分享按钮上显示的平台,请设置为以英文逗号分隔的平台代码。默认显示所有支持图片分享的平台,包括腾讯微博(qqmb)、新浪微博(sinaminiblog),搜狐微博(sohuminiblog),人人(renren),网易微博(neteasemb),MSN(msn),bShare一键通(bsharesync),做啥(zuosa)和嘀咕(digu),其他平台代码请参考平台代码。 |
您可以使用以下参数来指定参与分享的图片:
shareClass | 如果img元素的class属性包含此参数指定的值,则此图片会被添加分享按钮。默认的值是"BSHARE_IMAGE",所以您必须在您想要用户分享的图片img元素的class属性上加上"BSHARE_IMAGE",或者使用此参数指定一个class属性值,否则用户无法分享页面上的任何图片。或者如果您想要用户能分享所有图片的话,可以设置为"BSHARE_IMAGE_ALL"。 |
noShareClass | 如果img元素的class属性包含此参数指定的值,则此图片不会被添加分享按钮。 当您设置shareClass为"BSHARE_IMAGE_ALL"时,您可以使用此属性来去除不想要进行分享的图片。默认的值是"BSHARE_IMAGE_NO"。 |
minHeight | 需要被分享图片的最小高度。缺省值为20。 |
minWidth | 需要被分享图片的最小宽度。缺省值为100。 |
border | 是否显示边框,可以为true或false,默认为false。 |
pos | 悬浮按钮出现的位置,可以为 1 (图片左上角),2 (图片右上角),3 (图片右下角),4 (图片左下角),默认为2 (图片右上角)。 |
通过为指定div添加 class="BSHARE_IMAGE_CLASS"您还可以限定需要开放图片分享的页面元素。
不确定如何使用这些参数?您可以参考下面的范例。