dede国外分享插件如何实现跨国社交平台分享？-DEDE建站-盈思创科技

DedeCMS（织梦内容管理系统）是一款非常流行的PHP开源网站管理系统，尤其在国内有大量的用户群，由于其默认的分享功能通常只集成了国内的社交平台（如QQ、微信、微博等），对于希望将内容分享到Facebook、Twitter、LinkedIn、Pinterest等国际平台的网站来说，就需要额外的插件或自定义开发。

（图片来源网络，侵删）

下面我将为你提供几种实现DedeCMS国外分享功能的方案,从简单到复杂，并分析各自的优缺点。

使用成熟的第三方分享插件（最推荐）

这是最简单、最快捷、最省心的方法，有很多开发者为DedeCMS制作了分享插件，这些插件通常已经集成了多个国外的社交平台。

常见插件类型

综合分享插件：这类插件同时包含国内外主流的社交平台，功能强大，可定制性高。
纯国外分享插件：只专注于Facebook、Twitter、LinkedIn等，代码可能更轻量。

如何寻找和安装

搜索关键词：
- 在DedeCMS官方论坛、模板论坛（如织梦吧）搜索：DedeCMS 分享插件、织梦国外分享、DedeCMS social share。
- 在一些代码分享网站（如GitHub、Gitee）搜索：dedecms plugin social share。
知名插件示例：
- DedeCMS V57 / V6 自带分享组件：虽然默认是国内的，但很多二次开发的模板会对其进行修改，加入国外平台，你可以检查你的模板目录下是否有 /include/share/ 文件夹，里面是否有 facebook.php, twitter.php 等文件。
- “灵动标签”调用分享代码：很多模板会通过DedeCMS的“灵动标签” {dede:field name='body'/} 来在文章内容下方插入一段自定义的HTML分享代码，你可以直接修改这段HTML来添加国外平台的分享按钮。

安装步骤（以通用插件为例）

下载插件：从可靠的来源下载插件包，通常是一个ZIP文件。
上传文件：通过FTP将插件包内的文件上传到你的DedeCMS网站根目录的相应位置（通常是 /include/ 或 /templets/ 下的某个文件夹）。
修改模板：登录DedeCMS后台，找到文章内容页模板（通常是 /templets/default/article_article.htm 或你的自定义模板），在需要显示分享按钮的位置（如文章末尾），插入调用插件的代码，
```
{dede:include filename='share.htm'/}
```
或者直接粘贴插件自带的HTML/JS代码。
配置插件：有些插件需要在后台进行一些简单的设置，比如选择要显示的平台、设置API密钥等。
更新缓存：在后台“系统” -> “更新缓存”，确保修改生效。

手动添加官方原生分享按钮（最灵活）

如果你不想安装插件,或者找不到合适的插件，可以手动为每个平台添加官方的分享代码，这种方法灵活性最高，但需要你手动修改代码。

（图片来源网络，侵删）

Facebook分享

代码：使用官方的 Share 按钮。

HTML:

<a href="https://www.facebook.com/sharer/sharer.php?u={dede:global.cfg_basehost/}{dede:field name='arcurl'/}" target="_blank" class="btn btn-facebook">
    <i class="fab fa-facebook-f"></i> 分享到 Facebook
</a>

说明：
- {dede:global.cfg_basehost/} 会自动替换为你的网站域名。
- {dede:field name='arcurl'/} 会自动替换为当前文章的URL。
- 你需要引入Font Awesome图标库来显示 fa-facebook-f 图标。

Twitter分享

代码：使用官方的 Share 按钮。

HTML:

<a href="https://twitter.com/intent/tweet?url={dede:global.cfg_basehost/}{dede:field name='arcurl'/}&text={dede:field name='title'/}" target="_blank" class="btn btn-twitter">
    <i class="fab fa-twitter"></i> 分享到 Twitter
</a>

说明：
- url 参数是分享的链接。
- text 参数是分享时预填的文本，这里我们用了文章标题。

LinkedIn分享

代码：使用官方的 Share on LinkedIn按钮。

HTML:

<script src="https://platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-url="{dede:global.cfg_basehost/}{dede:field name='arcurl/'}"></script>

说明：LinkedIn的分享方式比较特殊，需要加载其JS脚本。

Pinterest分享

代码：主要适用于图片分享。

HTML:

<a href="https://pinterest.com/pin/create/button/?url={dede:global.cfg_basehost/}{dede:field name='arcurl'/}&media={dede:field name='litpic'/}&description={dede:field name='title'/}" data-pin-do="buttonPin" data-pin-config="above" target="_blank">
    <img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />
</a>

说明：
- media 参数是分享的图片URL，这里我们用了文章的缩略图 {dede:field name='litpic'/}。
- 你需要从Pinterest官方获取按钮图片。

如何整合到DedeCMS

打开模板文件：/templets/default/article_article.htm。
找到插入点：在 <div class="article-content">...</div> 或文章末尾的 <div class="article-info">...</div> 下方，添加一个 <div class="share-buttons">...</div> 容器。
粘贴代码：将上面为你准备的各个平台的HTML代码粘贴到这个容器内。
美化样式：在CSS文件中为这些按钮添加样式，让它们看起来更美观。

使用成熟的第三方JS库（最现代）

这种方法不依赖DedeCMS的特定插件,而是引入一个通用的、功能强大的前端JS库，目前最流行的是 ShareThis 和 AddToAny。

以 AddToAny 为例

AddToAny 提供了一个简洁的分享按钮，支持数百个社交平台，并且可以自定义显示的平台。

获取代码：
- 访问 AddToAny 官网。
- 自定义你想要显示的分享按钮（选择平台、颜色、形状等）。
- 复制生成的通用安装代码（Universal Code）。
修改DedeCMS模板：
- 打开文章内容页模板 article_article.htm。
- 在 <head> 标签内粘贴AddToAny的JS代码（如果它包含JS的话）。
- 下方,粘贴AddToAny的HTML分享按钮代码。
- 关键点：确保代码中的URL和标题能被正确识别，AddToAny通常会自动获取当前页面的URL和<title>标签，这对于DedeCMS文章页是有效的。
优点：
- 一次安装，全局使用：代码可以放在模板的公共部分（如头部或底部），所有页面都能用。
- 平台极多：覆盖几乎所有国内外平台。
- 美观且响应式：自带样式，适配各种设备。
- 稳定可靠：由专业公司维护，不用担心更新问题。

总结与建议

方案	优点	缺点	适用场景
第三方插件	简单快捷，功能集成，适合新手。	可能与特定模板冲突，更新不及时，安全性未知。	追求快速部署，不想深入研究代码的用户。
手动添加	灵活性最高，完全可控，不依赖第三方。	工作量大，需要手动维护每个平台，样式需自己编写。	对分享按钮有特殊定制需求，或对代码有控制欲的开发者。
第三方JS库	功能强大，平台多，美观，一次安装，稳定可靠。	会引入外部JS，可能对网站有轻微的性能影响。	强烈推荐，希望获得现代化、稳定、多平台分享功能的网站。

我的建议是：

首选方案三（第三方JS库）：特别是 AddToAny 或 ShareThis，这是目前业界最标准、最省心的做法，效果最好，维护成本最低。
次选方案一（第三方插件）：如果你确实想找一个“DedeCMS插件”，可以去官方论坛或模板网站找找看，但务必注意来源的可靠性。
最后考虑方案二（手动添加）：除非你对HTML/CSS非常熟悉，并且只需要分享两三个特定的国外平台，否则不推荐这种方法，因为维护起来很麻烦。

希望这些信息能帮助你为DedeCMS网站成功添加国外分享功能！

dede国外分享插件如何实现跨国社交平台分享？

使用成熟的第三方分享插件（最推荐）

常见插件类型

如何寻找和安装

安装步骤（以通用插件为例）

手动添加官方原生分享按钮（最灵活）

Facebook分享

Twitter分享

LinkedIn分享

Pinterest分享

如何整合到DedeCMS

使用成熟的第三方JS库（最现代）

以 AddToAny 为例

总结与建议

相关文章

目录[+]