百度分享插件织梦CMS版怎么用?

99ANYc3cd6
预计阅读时长 20 分钟
位置: 首页 织梦建站 正文

百度分享插件早已停止官方更新,但其核心功能依然非常稳定和实用,在织梦CMS中集成它,主要有两种方式:

百度分享插件的织梦cms版本
(图片来源网络,侵删)
  1. 官方推荐集成方式(推荐):通过在模板文件中嵌入官方提供的JS代码,实现最灵活、最标准的集成。
  2. 第三方插件/模块方式:下载现成的织梦模块,通过后台一键安装,适合不熟悉代码修改的用户。

下面我将分别介绍这两种方法。


官方推荐集成方式(最灵活、最常用)

这是目前最主流和推荐的方法,因为它不依赖于过时的第三方插件,能更好地与织梦的模板系统结合,并且可以随时获取百度官方的最新(或最后稳定版)代码。

第一步:获取百度分享官方代码

  1. 访问百度分享官网:https://share.baidu.com/
  2. 在网站上,你会看到代码生成工具,你可以根据自己的需求选择分享的样式(如按钮、浮层、图标等)、是否显示分享数等。
  3. 对于织梦CMS,我们通常选择 “按钮式”“图标式”,并复制生成的 JavaScript 代码,这段代码通常以 <script> 标签开头。

示例代码(图标式,带分享数):

<script>
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{"bdSize":16},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsonceina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>

第二步:在织梦模板中嵌入代码

将复制的JS代码放置到织梦模板的适当位置,通常有两个推荐位置:

百度分享插件的织梦cms版本
(图片来源网络,侵删)

位置A:文章内容页(article_article.htm)- 推荐

这是最常见的位置,让用户在阅读文章后可以方便地分享。

  1. 登录织梦后台,进入【模板】->【默认模板管理】。
  2. 找到你正在使用的文章内容页模板,通常是 article_article.htm,点击【编辑】。
  3. 在模板代码中,找到 {dede:field.body/} 标签,这是文章正文输出位置,你希望分享按钮出现在文章的哪个位置,就把JS代码放在哪里。
    • 放在文章末尾:在 {dede:field.body/} 标签的后面添加百度分享的JS代码。
    • 放在文章开头:在 {dede:field.body/} 标签的前面添加。
    • 放在文章两侧:可以通过CSS将分享按钮设置为浮动定位,固定在文章内容的一侧。

示例(放在文章末尾):

{dede:field.body/}
<!-- 这里是百度分享代码 -->
<script>
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{"bdSize":16},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>

位置B:网站页脚模板(footer.htm

百度分享插件的织梦cms版本
(图片来源网络,侵删)

如果你希望网站的每个页面(包括首页、列表页、文章页等)都有分享按钮,可以将代码放在页脚模板中。

  1. 进入【模板】->【默认模板管理】。
  2. 编辑 footer.htm 文件。
  3. </body> 标签之前,添加百度分享的JS代码。

优点

  • 灵活性高,可以自由控制显示位置和样式。
  • 代码最新,直接从官方获取。
  • 不需要安装额外的模块,减少网站负担和潜在冲突。

缺点

  • 需要手动修改模板文件,对新手有一定门槛。

第三方织梦模块/插件方式

如果你不想手动修改代码,可以寻找第三方开发的织梦百度分享模块。

操作步骤:

  1. 寻找模块

    • 在织梦官方论坛(https://www.dedecms.com/)的“模块插件”版块搜索“百度分享”。
    • 在一些织梦资源网站(如模板堂、织梦58等)搜索下载。
    • 注意:请从可信来源下载,以防携带恶意代码。
  2. 安装模块

    • 下载的文件通常是 .zip 格式。
    • 登录织梦后台,进入【模块】->【上传新模块】。
    • 上传并解压你下载的压缩包,按照提示完成安装。
  3. 配置模块

    • 安装成功后,通常在【模块】菜单下会出现一个新的选项,如“百度分享管理”。
    • 进入该模块的配置页面,你可以选择分享的样式、显示位置(通常有“首页”、“列表页”、“内容页”等选项)。
    • 保存配置。
  4. 生成页面

    为了让设置生效,你需要去【生成】->【一键更新网站】或【更新栏目/】->【更新文档HTML】重新生成相关页面。

优点

  • 操作简单,可视化配置,无需修改代码。
  • 即插即用,适合对织梦不熟悉的用户。

缺点

  • 第三方模块可能已停止更新,存在兼容性问题(尤其是与新版织梦或PHP版本的兼容性)。
  • 模块质量参差不齐,可能存在安全风险或冗余代码。
  • 定制化程度低,通常只能选择预设的位置和样式。

重要注意事项与高级技巧

  1. 自定义(强烈推荐) 默认情况下,百度分享的标题、摘要和图片可能不是你想要的,为了获得更好的分享效果,建议使用织梦的变量来动态设置分享内容。

    将官方JS代码中的 bdText, bdPic, bdUrl 等参数用织梦变量替换。

    修改后的JS代码示例(放在文章页):

    <script>
    window._bd_share_config = {
        "common" : {
            "bdText" : "{dede:field.title/}", // 分享的文章标题
            "bdDesc" : "{dede:field.description function='html2text(@me)'/}", // 分享的文章摘要(去掉HTML标签)
            "bdUrl" : "{dede:global.cfg_basehost/}{dede:field name='arcurl'/}", // 分享的URL,带域名
            "bdPic" : "{dede:field.litpic/}" // 分享的图片,通常用文章缩略图
        },
        "share" : [{
            "bdSize" : 16
        }]
    };
    with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
    </script>
    • cfg_basehost:织梦全局变量,获取网站域名。
    • field.title
    • field.descriptionhtml2text函数用于去除HTML标签。
    • field.arcurl:文章URL。
    • field.litpic:文章缩略图。
  2. CSS美化 百度分享的默认样式可能不符合你的网站风格,你可以通过自定义CSS来修改其颜色、大小、位置等,百度分享生成的元素会有特定的class名(如 bdshare-slide-button-box),你可以针对这些class编写CSS进行覆盖。

  3. HTTPS支持 如果你的网站启用了HTTPS(推荐),请务必将JS代码中的 http://bdimg.share.baidu.com/ 修改为 https://bdimg.share.baidu.com/,否则浏览器会因为混合内容而阻止加载,导致分享按钮失效。

特性 官方代码集成 第三方模块
灵活性 极高,完全自定义 较低,依赖模块预设
易用性 需要修改模板,对新手不友好 非常简单,后台配置即可
安全性 ,代码直接来自官方 不确定,需谨慎选择来源
维护性 ,可随时获取最新代码 差,模块可能已过时
推荐度 强烈推荐 作为备选,或给新手使用

对于绝大多数网站,我强烈推荐使用 官方代码集成,并结合 自定义分享内容 的技巧,这样才能最好地发挥百度分享的作用,并与你的织梦网站完美融合。

-- 展开阅读全文 --
头像
dede plus seoinfo是什么?如何使用?
« 上一篇 今天
织梦百度新闻xml文件如何使用?
下一篇 » 今天
取消
微信二维码
支付宝二维码

目录[+]