已經在使用bShare分享了?還想要用戶能輕松的將您網站的圖片分享到各大社交網絡和微博么?來試試我們的bShare圖片分享功能吧!
您需要做的只是在您的頁面里再加上一行代碼。注意在您把以下藍色部分的代碼加入您的頁面時,您必須已經嵌入了bShare按鈕的嵌入代碼(即下面黑色部分的代碼)。
如果您還沒有UUID,可以去注冊并創建網站,得到對應的UUID以便開始追蹤數據。如果您不需要追蹤數據,也可以將uuid設置為空。
加入上面的代碼后,每當用戶將鼠標移動到指定的圖片上時,分享按鈕就會出現!
您可以使用以下參數來調整bShare圖片分享按鈕:
bgColor | 圖片分享按鈕的背景顏色,可以是CSS中color屬性支持的任意值,(如#FFF或者White)。默認的顏色是#FF5C00。 |
txtColor | 圖片分享按鈕的文本顏色??梢允荂SS中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屬性值,否則用戶無法分享頁面上的任何圖片?;蛘呷绻胍脩裟芊窒硭袌D片的話,可以設置為"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"您還可以限定需要開放圖片分享的頁面元素。
不確定如何使用這些參數?您可以參考下面的范例。