菜鸡源码,专注精品下载!
当前位置:首页 > 建站教程 > 建站知识

分享百度分享shareV2.0绝版代码

发布时间:2024-01-05  栏目:建站知识   浏览:   分类:js教程 js代码 百度分享

百度分享shareV2.0是一款基于百度分享API的JavaScript库,用于实现网页内容的快速分享。它支持多种社交平台,如微信、QQ、微博等,并提供了丰富的自定义选项,如分享图标、分享描述等。使用该库可以方便地为网站添加分享功能,提高网站的曝光度和传播力。然而,由于百度分享API的更新,shareV2.0可能已经不再维护,因此在使用时需要注意兼容性问题。建议开发者关注官方文档和社区动态,选择更稳定、更新的分享库进行开发。

百度分享介绍

百度分享想当年也是站长必备的工具之一了,相传当年在网站上使用这个小工具,分享的人数多还可以提高网站排名,还有很多人去花钱刷这个百度分享。

菜鸡源码也不知道为什么后来就不流行网站分享插件了,今天整理代码发现当年还保存的百度分享dome。神奇的发现虽然百度分享官网早已关掉了,但是这个百度分享的代码是还可以正常使用的,有需要的来复制吧。

普通页面分享代码

<divclass="bdsharebuttonbox"data-tag="share_1"><!--其中class="bdsharebuttonbox不可以改动,如果只有一个分享的话data-tag可以删除掉,它用于设置多组分享按钮--><!--下面的每个a标签除了data-cmd需要正确设置以外,其他都可以自定义,可添加,可删除,可对换,其中data-cmd的值在http://share.baidu.com/code/advance#toid可以找到,data-cmd用于指定是哪一种分享--><aclass="bds_tqq"data-cmd="tqq"></a><aclass="bds_tsina"data-cmd="tsina"></a><aclass="bds_qzone"data-cmd="qzone"></a><aclass="bds_sqq"data-cmd="sqq"></a><aclass="bds_tqf"data-cmd="tqf"></a><aclass="bds_kaixin001"data-cmd="kaixin001"></a><aclass="bds_renren"data-cmd="renren"></a><aclass="bds_copy"data-cmd="copy"></a><!--copy会复制标题和链接,所以页面要设置好title--></div><script>//通用分享设置,更详细的设置可以查看http://share.baidu.com/code/advance#config-commonwindow._bd_share_config={common:{bdText:'我是通用分享设置',bdDesc:'我是通用分享设置',bdComment:'我是通用分享设置,会出现在发送给QQ好友里',bdUrl:'http://www.baidu.com/',bdPic:'/d/pic20240105/nmhzjtpwy5f.gif',bdSize:16//按钮大小16/24/32},share:{//普通页面分享按钮必须有这个属性,可放空,也可以设置属性覆盖上面common的属性值。下面会给出设置多组分享按钮如何使用这个share//bdCustomStyle:"自定义样式",可使用自定义样式来设置分享按钮所使用的图标}}with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-newDate()/36e5)];</script>

多组分享代码

<divclass="bdsharebuttonbox"data-tag="share_1"><!--data-tag用于设置多组分享--><!--下面的每个a标签除了data-cmd需要正确设置以外,其他都可以自定义,可添加,可删除,可对换其中data-cmd的值在http://share.baidu.com/code/advance#toid可以找到,data-cmd用于指定是哪一种分享--><aclass="bds_tqq"data-cmd="tqq"></a><aclass="bds_tsina"data-cmd="tsina"></a><aclass="bds_qzone"data-cmd="qzone"></a><aclass="bds_sqq"data-cmd="sqq"></a><aclass="bds_tqf"data-cmd="tqf"></a><aclass="bds_kaixin001"data-cmd="kaixin001"></a><aclass="bds_renren"data-cmd="renren"></a><aclass="bds_copy"data-cmd="copy"></a><!--copy会复制标题和链接,所以页面要设置好title--></div><divclass="bdsharebuttonbox"data-tag="share_2"><!--data-tag设置第二组分享--><!--下面的每个a标签除了data-cmd需要正确设置以外,其他都可以自定义,可添加,可删除,可对换其中data-cmd的值在http://share.baidu.com/code/advance#toid可以找到,data-cmd用于指定是哪一种分享--><aclass="bds_tqq"data-cmd="tqq"></a><aclass="bds_tsina"data-cmd="tsina"></a><aclass="bds_qzone"data-cmd="qzone"></a><aclass="bds_sqq"data-cmd="sqq"></a><aclass="bds_tqf"data-cmd="tqf"></a><aclass="bds_kaixin001"data-cmd="kaixin001"></a><aclass="bds_renren"data-cmd="renren"></a><aclass="bds_copy"data-cmd="copy"></a><!--copy会复制标题和链接,所以页面要设置好title--></div><script>window._bd_share_config={common:{bdText:'多组分享设置bdText',bdDesc:'多组分享设置bdDesc',bdComment:'多组分享设置bdComment',bdUrl:'http://www.baidu.com/',bdPic:'/d/pic20240105/nmhzjtpwy5f.gif',bdSize:16//按钮大小16/24/32},share:[//多组分享使用数组,每一个分享对应一个对象{tag:'share_1',//这个设置与上面div的data-tag标签的值一致bdText:'多组分享设置bdTextshare_1',bdUrl:'http://www.baidu.com/',bdSize:32},{tag:'share_2',bdUrl:'http://www.google.com/'//bdSize没有设置,调用common的设置。}]}with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-newDate()/36e5)];</script>

浮窗分享代码

浮窗分享不需要设置任何html代码。

<script>window._bd_share_config={common:{bdText:'多组分享设置bdText',bdDesc:'多组分享设置bdDesc',bdComment:'多组分享设置bdComment',bdUrl:'http://www.baidu.com/',bdPic:'/d/pic20240105/nmhzjtpwy5f.gif',bdSize:16,//按钮大小16/24/32bdMini:1,//设置浮窗按钮的列数,值为1|2|3bdMiniList:['tqq','tsina','qzone','sqq','tqf','kaixin001','renren','copy']//设置按钮顺序,根据分享id设置,与普通分享的data-cms一样,http://share.baidu.com/code/advance#toid},slide:{//slide的设置与share属性类似,多个浮窗同样使用数组bdImg:2,//颜色0|1|2|3|4|5|6|7|8bdPos:'left',//位置left|right,浮在左边还是右边bdTop:240//距窗口顶部的距离,单位是px}}with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-newDate()/36e5)];</script>

图片分享代码

如果不是对页面所有的图片都设置分享,那么需要添加data-tag到需要分享的图片上

<imgsrc="/d/pic20240105/3wcawvh4mde.jpg"data-tag="imgshare_1"/><script>window._bd_share_config={common:{bdText:'多组分享设置bdText',bdDesc:'多组分享设置bdDesc',bdComment:'多组分享设置bdComment',bdUrl:'http://www.baidu.com/',bdPic:'/d/pic20240105/nmhzjtpwy5f.gif'},image:{//image的设置与share属性类似,多个设置使用数组tag:'imgshare_1',viewPos:'top',//值为top|bottomviewList:['tqq','tsina','qzone','sqq','tqf','kaixin001','renren','copy'],viewSize:16//16|24|32//viewColor:'black',//底色white|black//viewType:'list',//分享样式list|collection}}with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-newDate()/36e5)];</script>

划词分享代码

划词分享(需要划至少5个字才会有分享出现),如果只对部分文字设置这个功能,需要在配置里设置bdContainerClass这个属性,并且在对应的文字外层加一个class属性,比如现在这段字,就加了一个叫textshare的class,并且在下面的代码设置里,加了一bdContainerClass: 'textshare'这一属性。所以对这段字随便划词就会有分享按钮了。

<p> class="textshare">划词分享,如果只对部分文字设置这个功能,需要在配置里设置bdContainerClass这个属性,并且在对应的文字外层加一个class属性,比如现在这段字,就加了一个叫textshare的class,并且在下面的代码设置里(查看源码),加了一bdContainerClass: 'textshare'这一属性。所以对这段字随便划词就会有分享按钮了。</p>

<script>//通用分享设置,更详细的设置可以查看http://share.baidu.com/code/advance#config-commonwindow._bd_share_config={common:{bdText:'多组分享设置bdText',bdDesc:'多组分享设置bdDesc',bdComment:'多组分享设置bdComment',bdUrl:'http://www.baidu.com/',bdPic:'/d/pic20240105/nmhzjtpwy5f.gif'},selectShare:{bdSelectMiniList:['tqq','tsina','qzone','sqq','tqf','kaixin001','renren','copy'],bdContainerClass:'textshare'}}with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-newDate()/36e5)];</script>
评论
建站知识
建站知识
使用技巧
调试安装
运营推广