Share Buttons
在每篇文章上添加分享按钮:X、Facebook、LinkedIn、WhatsApp、Bluesky、Telegram 等,另有复制链接和手机分享面板。
插件
Share Buttons
在每篇文章上添加分享按钮:X、Facebook、LinkedIn、WhatsApp、Bluesky、Telegram 等,另有复制链接和手机分享面板。
安装
两个步骤
- 在 EmDash 管理后台打开 Registry,搜索 Share Buttons,然后点击 Install。它不需要任何权限。
- 在左侧菜单中打开 Share Buttons,进入 Setup 选项卡,把它显示的简短代码块粘贴到基础布局的 head 中,通常是
src/layouts/Base.astro。如果你的站点是别人搭建的,请把这段代码块发给对方。
按钮会在一分钟内出现在每篇文章的末尾。在 Buttons 选项卡上,你可以选择网络、移动按钮、切换为描边颜色,或在图标旁添加名称。
常见问题
这个插件有什么作用?
它会在你的文章中添加一排分享按钮。访客点击其中一个,文章的标题和地址就会交给 X、Facebook、LinkedIn、WhatsApp、Telegram、Bluesky、Threads、Reddit 或一封邮件草稿。此外还有一个复制链接按钮,以及在手机上打开设备自带分享菜单的按钮。
按钮放在哪里?
默认放在每篇文章的末尾。你可以把它们移到标题下方,在两处都显示,或者在文章旁边有空间时让它们浮动在屏幕左边缘(在小屏幕上,或文章占满宽度时,它们会退回到文章末尾)。若想放在你自己指定的位置,请在文章模板中添加一个带有 data-share 属性的元素,按钮就会改为出现在那里。
哪些页面会显示按钮?
每个包含文章区域的页面,在大多数主题中即 article 元素。如果你的主题使用其他元素,请更改 Post area。若要将按钮限制在仅文章页面,请选择 Addresses starting with 并输入你的文章路径,通常是 /posts/。
分享面板按钮有什么作用?
在手机上,它会打开设备自带的分享菜单,其中包含访客已安装的所有应用。桌面电脑上的浏览器大多不提供该菜单,因此该按钮只会出现在可用的地方。
什么是跟踪标签?
开启 Add tracking tags 后,每个被分享的链接都会添加 utm_source(网络)和 utm_medium,这样 Plausible、Fathom 或 Google Analytics 等工具就能显示每位访客来自哪个网络。
它会统计分享次数吗?
不会。分享次数需要调用各网络的服务器,而大多数网络已不再提供该功能。这些按钮只会打开该网络自己的分享对话框,没有其他操作。
它会收集任何内容吗?
不会。该插件无法访问你的内容,也不会向你的站点之外发出请求。唯一的调用是你的站点获取它自己的设置。每个分享链接都直接从访客的浏览器发往他们所选的网络。
更新日志
0.1.0
- 首次发布。支持 X、Facebook、LinkedIn、WhatsApp、Telegram、Bluesky、Threads、Reddit 和电子邮件的分享按钮,另有复制链接和设备分享面板。
- 位置可选择文章末尾、标题下方、两处都显示,或在宽屏上浮动在左边缘。
- 品牌颜色,或采用主题文本颜色的描边样式,可显示或不显示名称。
- 可选的分享链接 utm 跟踪标签,以及用于 X 的 “via” 用户名。
- 每个包含文章区域的页面,或仅限以某个路径开头的地址。Setup 选项卡会显示站点是否正在加载按钮。