百度分享代码接入教程：网站社会化分享功能详解

📍 216.73.216.193
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /post/14142442.html
📄

为网站添加社会化分享功能，可以让访客一键将内容分享到微信、微博、QQ等主流平台，从而提升内容传播效率。百度分享曾是国内最常用的解决方案，虽然官方已停止维护，但其代码在大多数旧版网站上仍然可用。本文将说明如何获取、部署和调整百度分享代码。

1. 获取百度分享代码

百度分享的官方站点仍能访问，但已无法注册新站点并生成专用的分享代码。如果网站此前已经注册过，可以在后台找到对应的代码片段。对于尚未注册的网站，可以直接使用公共版的基础代码，但无法使用统计功能。基础代码包含两个部分：加载分享功能的 JS 文件，以及定义分享按钮的 HTML 结构。

2. 部署分享代码到网页

将获取的代码插入到网页中希望显示分享按钮的位置，常见位置包括文章标题下方、正文结尾处或侧边栏。具体步骤如下：

  1. 在页面的 <head> 区域引入百度分享的 JS 文件（通常来自 bdimg.share.baidu.com）；
  2. 在 HTML 中的目标位置粘贴分享按钮的容器代码，通常包含 <div class=”bdsharebuttonbox”>；
  3. 确保容器内包含需要的分享按钮图标，例如 <a> 标签加上 data-cmd=”tsina”（微博）等属性；
  4. 检查页面加载后是否正常显示分享图标，并测试点击是否弹出分享窗口。

3. 自定义分享按钮的样式与平台

3.1 增减分享平台

通过修改分享按钮容器内的 <a> 标签来控制显示哪些平台。例如，添加 <a class=”bds_weixin” data-cmd=”weixin”> 显示微信分享，去掉不需要的标签即可隐藏对应按钮。常用平台代码包括微信（weixin）、微博（tsina）、QQ（sqq）和豆瓣（douban）。

3.2 修改按钮外观

通过覆盖 CSS 样式可以更新按钮的颜色、大小、排列方式等。例如，将图标改为圆角或更大的尺寸，需要针对 .bdsharebuttonbox 和内部的 a 标签设置相应的样式。如果对图标文件不满意，也可以替换图片素材，但需更新 CSS 中对应图标的路径。

3.3 调整分享链接与标题

默认情况下，百度分享会自动抓取当前页面的 URL 和标题。若希望分享固定的链接或自定义标题，可以在分享按钮上添加 data-url 和 data-title 属性。例如 data-url=”https://example.com” 指定分享的链接，避免因页面地址变化导致分享失效。

4. 兼容性与备选方案

百度分享基于 Flash 和原生 JavaScript 开发，在现代浏览器中可能出现兼容问题，尤其是在禁用了 Flash 的浏览器上。另外，由于官方已停止更新，微信等平台的分享接口可能无法正常跳转。若兼容性问题无法解决，可以考虑替换为其他服务，如 JiaThis（也已停止维护）、AddThis 或国内较新的分享工具如 Share.js，后者轻量且无需注册，适合轻量级站点。

5. 常见问题

5.1 问题1：百度分享代码在 HTTPS 网站下无法加载怎么办？

百度分享的 JS 文件通常使用 HTTP 协议，若网站强制使用 HTTPS，浏览器会阻止加载该文件。解决方法是将引入脚本的地址改为 ‘//bdimg.share.baidu.com/static/api/js/share.js’（即去掉协议，采用相对协议），让浏览器自动匹配当前协议。如果仍然无法加载，只能更换兼容 HTTPS 的分享服务。

5.2 问题2：如何统计分享按钮的点击次数？

百度分享官方提供了统计功能，但需要使用注册获取的 AppKey。如果没有注册或无法找回，则无法使用官方统计。替代方案是在每个平台按钮的点击事件中自行绑定统计代码，将分享行为记录到自己的分析工具中，例如使用 Google Analytics 的事件追踪。

5.3 问题3：分享到微信时显示“已停止使用该页面”怎么办？

这通常是因为百度分享的微信分享接口已被官方下线。目前微信网页分享需要借助公众号的 JS-SDK，通过后台签名才能实现。如果网站并非公众号运营者，且需要正常的微信分享功能，建议将分享按钮替换为“复制链接”或者生成二维码的方式，让用户手动分享到微信。

6. 总结

部署百度分享代码的过程相对简单：获取基础代码、插入页面、调整平台与样式即可。需要特别留意 HTTPS 兼容性和微信分享失效的问题。如果网站对分享数据的准确性要求较高或需要稳定的微信分享能力，建议评估改用支持 HTTPS 且仍在维护的分享替代方案。完成部署后，务必在多个主流浏览器和移动设备上进行测试，确保分享功能正常运行。

图1 图2
nginx