推外网络专注营销型网站品牌策划与推广

FOCUS MARKETING WEBSITE BRAND PLANNING AND MARKETING PROMOTION

轻松几步自定义百度分享-打造个性化的百度分享按钮

2019-09-28 14:12:30 100000+ 编辑:推外网络 来源:本站原创

新文章:百度分享CSS自定义 http://www.sdtclass.com/3127.html

之前我用百度的分享的时候,一直不知道可以自定义,以为是固定的,后来看到有的网站的百度分享都不一样啊,然后去百度分享的帮助里面看了,才知道的确可以自定义的!我们首先去这里看看:http://share.baidu.com/help/customization-config

其中,bds_config接受多个自定义配置属性,data接受多个自定义配置属性【局部】,我们大概了解下格式,接下来就是按照他们的参数了!

'bdDes':'您的自定义分享摘要',这里如何自定义呢?下面看两段代码举例【摘自百度分享帮助:】

<!--BaiduButtonBEGIN--><divid="bdshare"><a>QQ</a><a>新浪</a><a>腾讯</a><a>人人</a><span>更多</span></div><scripttype="text/javascript"id="bdshare_js"data="type=slide&mini=1"></script><scripttype="text/javascript"id="bdshell_js"></script><scripttype="text/javascript">//在这里定义bds_configvarbds_config={'bdDesc':'目前支持自定义qq空间,开心网的摘要内容'};document.getElementById('bdshell_js').src="http://share.baidu.com/static/js/shell_v2.js?cdnversion="+newDate().getHours();</script><!--BaiduButtonEND-->

还有一种:

<!--BaiduButtonBEGIN--><divid="bdshare"data="{'desc':'目前支持自定义qq空间和人人网的摘要内容'}"><a>QQ</a><a>新浪</a><a>腾讯</a><a>人人</a><span>更多</span></div><scripttype="text/javascript"id="bdshare_js"data="type=slide&mini=1"></script><scripttype="text/javascript"id="bdshell_js"></script><scripttype="text/javascript">document.getElementById('bdshell_js').src="http://share.baidu.com/static/js/shell_v2.js?cdnversion="+newDate().getHours();</script><!--BaiduButtonEND-->

其中'bdDesc':'摘要内容'这里需要调用函数了!就是“<?phpechotrim(wp_title('',0));?>”,就是:'bdDesc':'<?phpechotrim(wp_title('',0));?>',

上面只是举个例子,也可以自己定义,我们首先需要熟悉wordpress的函数来配合使用,如果你网站是基于其他程序就基于其他程序的函数调用来指定了!这里的“<?phpechotrim(wp_title('',0));?>”是调用当前网页的title用的,当然,这个功能目前只支持QQ空间和开心网

'bdText':'您的自定义分享内容'这个和上面差不多,不过这个是微博这些用的,也就是调用分享的内容,也可以和上面一样用那个函数,也就是:

'bdText':'<?phpechotrim(wp_title('',0));?>' 

其他的:

'bdPopTitle':'您的自定义pop窗口标题','bdTop':'您的自定义侧栏高度','bdComment':'您的自定义分享评论','bdPic':'您的自定义分享出去的图片','searchPic':'是否自动抓取页面图片','wbUid':'您的自定义微博ID','render':false,'review':'normal','snsKey':{'tsina':'appkey'}

具体参考百度分享代码的帮助

这里说下varbds_config={之间多个定义用英文半角逗号隔开}

data="{之间的也和上面一样}">

这些是参数的定义,列举下自定义来源吧,如下:

varbds_config={
'snsKey':{'tqq':'123456789'}
};

这里的是微博的来源KEY部分,这里列举下整个bds_config大致定义:

varbds_config={
'bdText':'<?phpechotrim(wp_title('',0));?>│<?phpbloginfo('name');?>',
'bdDesc':'<?phpechotrim(wp_title('',0));?>',
'snsKey':{'tqq':'123456789'}
};

这里给个ID参考:http://share.baidu.com/help/webid

根据这个参考可以定义其他分享按钮自定义尾巴,下面来说说显示的按钮

默认显示就几个而已,那么,我们如何来自定义呢?

一样是参考上面的ID参考里面的ID,我们做如下举例:

<aclass="bds_t163"></a>
<aclass="bds_douban"></a>
<aclass="bds_renren"></a>

这里网易微博ID就是t163,所以加上bds_的前缀就可以了!就是这么简单啦!

另外自己可以定义下样式,在代码前面定义个<style>或者样式表里面定义好,过来用div套住也行!

本站文章均为推外网络摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,我们谢绝直接复制和抄袭!感谢...