原创投稿
  1. 寂寞网首页
  2. 技术

一个页面多个百度分享组件教程【新手必看】

站长老油条 • • 技术

今天王杰给大家带来了这篇一个页面多个百度分享组件教程干货，以及百度分享内容,组件,代码的相关内容干货，希望各位能认真阅读。因为，只有这样才能真正理解和掌握！

我们经常看到某些自媒体网站信息列表都会有个分享功能，可以分享对应的信息内容。大部分都是自行开发的分享接口，为了节省开发时间，我们也可以用百度分享API来完成这种功能。

近期案列用到的一个页面多个百度分享组件代码，由于百度分享官网关闭了，所以看不了官方API，网上各种查资料才找到一个可以用的。

一个页面多个百度分享代码



NewDocument





window._bd_share_config={share:[]};
varshare1={ tag:"share_1", bdText:"分享的内容", bdUrl:"http://www.11px.cn", bdDesc:"111" }; window._bd_share_config.share.push(share1);
varshare2={ tag:"share_2", bdText:"分享的内容", bdUrl:"http://www.11px.cn", bdDesc:"222" }; window._bd_share_config.share.push(share2); with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='https://www.jimowang.com/wp-content/uploads/jishu/15271616810.js

首先需要在头部重置一下百度分享插件

window._bd_share_config={share:[]};

然后在分享组件加个

data-tag="share_1">

区分一下百度分享组件。

接着是分享内容代码

		varshare1={
tag:"share_1",
bdText:"分享的内容",
bdUrl:"http://www.11px.cn",
									bdDesc:"111"
};
window._bd_share_config.share.push(share1);

这里的share_1对应的分享按钮的share_1，share1也是为了区分分享内容需要不同。

最后在底部引用百度分享的JS

	with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='https://www.jimowang.com/wp-content/uploads/jishu/15271616810.js

ok，这篇文章到这里就结束了哈，总体还是希望这篇文章能帮助到各位，如果觉得这篇一个页面多个百度分享组件教程【新手必看】不错的话，可以转发给你朋友哦！

本文发布者：站长老油条，不代表寂寞网立场，转载请注明出处：https://www.jimowang.com/p/7344.html

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 jimowangmail@126.com 举报，一经查实，本站将立刻删除。

赞 (0)
站长老油条站长老油条
0
上一篇 2022年9月26日 09:21
下一篇 2022年9月26日 09:32

相关推荐