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 分頁會顯示網站是否正在載入按鈕。