Monarch 社群按鈕教學：用 Divi 加分享與關注功能

你用 Divi 把網站蓋起來了，版面漂亮、文章也寫好了，卻發現讀者看完沒有順手的分享出口，也找不到追蹤品牌帳號的位置。你在文章底部手動貼了一排社群小圖示，結果手機上一排擠在一起、點擊範圍小到常常點錯。接下來要拆解的，就是用 Elegant Themes 的 Monarch 外掛，把「分享」與「關注」兩種社群按鈕做對。

直接講結論：Monarch 社群按鈕外掛（Social Sharing Plugin）是 Elegant Themes 旗下與 Divi 同一個生態系的工具，符合資格的 Elegant Themes 會員方案可下載 Divi、Extra、Bloom 與 Monarch，實際內容依目前方案條款核對，對已經用 Divi 架站的人來說，幾乎不用再額外找第三套分享外掛。但要把它的價值榨出來，關鍵不在「會不會安裝」，而在你分不分得清楚分享與關注、按鈕放的位置對不對、以及你有沒有把它接上行銷漏斗。這篇會從觀念一路帶到實戰，讓你設定後能驗證按鈕是否正常顯示、被使用，並依數據調整。

一份 Elegant Themes 會員，就解決分享與關注兩件事

先把 Monarch 是什麼講清楚。它是 Elegant Themes 開發的 WordPress 社群按鈕外掛，主要做兩件事：一是讓訪客把你的文章分享到各大社群平台，二是讓訪客一鍵追蹤你的社群帳號。它和 Divi 主題是同一家公司出品，設計語言、設定邏輯都和 Divi 背後那套後台一致，這也是為什麼用 Divi 的人會直接選它，省去再找一套介面風格完全不同的分享外掛。

Monarch 與 Divi 同屬 Elegant Themes 會員方案，但它是可搭配任何 WordPress 主題使用的獨立外掛，不會直接繼承所有 Divi 設定。對 Divi 使用者來說，主要便利在於同一個帳號、更新與支援入口，這點在 Elegant Themes 的 Monarch 產品頁 也有說明。

費用這關也要先講明白。Monarch 不是獨立販售，而是包含在 Elegant Themes 會員方案裡；若你的有效方案包含 Divi，帳號內也能下載 Monarch 和 Bloom，不用分別購買。方案內容與價格可能調整，購買前應以 Elegant Themes 官方定價頁 為準。

如果你剛接觸 Divi 整個體系，建議先把 Divi 主題終極指南 走過一遍，搞懂主題、子主題、Visual Builder 之間的關係，再回來設定 Monarch 會順很多。

分享按鈕和關注按鈕，差在哪？先搞懂再設定

這是多數站長最容易搞混的地方，也是設定 Monarch 時最常出錯的源頭。分享（Share）和關注（Follow）看起來都是一排社群小按鈕，但它們在行銷漏斗裡的位置完全相反，目的也不同。

分享按鈕要的是「擴散」：你寫了一篇好文章，讀者覺得有用，點一下 Facebook 把文章連結推到自己的塗鴉牆，於是你的內容被他的朋友看到，等於幫你做了一次免費的曝光。它服務的是「已經在讀這篇文章的人」，按鈕的連結指向是把「這篇文章的網址」送出去。

關注按鈕要的是「累積」：讀者喜歡你的品牌，點一下就能跳到你的粉專或 IG 帳號按讚追蹤，把這個一次性的訪客，轉成一個未來可以重複觸及的粉絲。它服務的是「想跟你建立長期關係的人」，按鈕的連結指向是「你的社群檔案網址」，文章網址在這裡派不上用場。

換句話說，就一句話：分享是把內容推出去，關注是把人留下來。一個是放大這篇內容的觸及，一個是累積你品牌的資產。Monarch 把這兩件事放在同一個後台的不同分頁，但你要先用對的心態去設定它們，否則很容易出現「分享按鈕放在頁首、讀者根本還沒看內容」或「關注按鈕埋在文章底部、真正想追蹤你的人反而找不到」這類配置錯誤。

這張表請記住，後面每一個設定決策，本質上都是在回答「這個位置要服務分享還是關注」這一題。

設定 Monarch 之前，先把這三件事準備好

很多人一裝好外掛就急著進後台選網路、選顏色，結果設定到一半發現缺東缺西。建議先把下面三件事準備齊，再進 Monarch 設定頁，整個流程會快很多。

第一，確認你的 Elegant Themes 帳號與會員狀態

Monarch 和 Divi 是同一個會員方案，所以你要先確認兩件事：帳號已啟用、會員資格尚未過期（年繳方案的話）。登入 Elegant Themes 的會員後台下載 Monarch 的安裝包，或在 WordPress 後台用 Elegant Themes 的外掛更新機制安裝。如果你連裝外掛這步都還不太熟，先看過 WordPress 外掛安裝教學，把上傳 zip、啟用、更新的基本功練好。

第二，Divi 主題已啟用且為較新版本

Monarch 可搭配任何 WordPress 主題使用，不以 Divi 已啟用為前提。不過 WordPress、主題與外掛仍應維持受支援版本，並在測試環境檢查樣式與快取相容性。使用 Divi 5 的網站可先看Divi 5 全新介面深度解析，再對照 Elegant Themes 的 Monarch 產品頁 一起驗證前端呈現。

第三，把 Open Graph 標籤先設好

這件事九成的 Monarch 教學會跳過，但它才是分享按鈕「有沒有面子」的關鍵。當讀者點下分享按鈕、把連結推到 Facebook 時，Facebook 會去抓你網頁的 Open Graph 標籤（OG tags），決定要顯示哪一張縮圖、哪一段標題與描述。OG 標籤沒設好，分享出去的貼文就會出現縮圖空白、標題亂抓一段、甚至抓到錯誤網址的窘況，再漂亮的按鈕也救不回來。

進 Monarch 之前，先把 OG 標籤設好，這部分可以看OG 標籤完整教學，處理 og:title、og:description、og:image 與網址。社群預覽主要讀取 OG 或各平台專用標記；結構化資料主要協助搜尋引擎理解內容，不能取代 OG 標籤。

還有一個動手前的好習慣：安裝或更新任何外掛之前，先幫網站做一次完整備份。Monarch 雖然是成熟穩定的外掛，但任何涉及全站顯示的設定變更，都有可能在你的特定主機與外掛組合下出現非預期的互動。有了一份可以還原的備份在手上，你才能放心地調位置、改樣式、開關各種觸發設定，不用怕改壞了救不回來。備份工具的挑選可以參考 WordPress 備份外掛推薦，選一套設定好自動排程，往後任何調整都有保險。

Monarch 分享按鈕設定：選網路、選樣式、選位置

前置準備到位，接著進 WordPress 後台的 Monarch 設定頁。Monarch 把分享功能集中在 Social Share 這個分頁，設定的邏輯可以用三個動作概括：選網路、選樣式、選位置。

第一步，挑選要啟用的社群網路

Monarch 提供二十種以上的分享網路，但實際清單與各平台支援可能隨版本調整。先在目前的 Social Sharing Networks 清單確認你需要的平台，不是勾越多越好。

依「讀者真的在哪」來挑。做 B2B 時可優先評估 LinkedIn 和 email；視覺內容則評估 Pinterest 與主要社群。台灣市場若需要通訊軟體分享，先確認目前 Monarch 版本是否直接支援；沒有時可另用原生分享或明確的分享連結。

常見平台的角色不同：Facebook 分享預覽仰賴 OG 標籤；Pinterest 適合圖片導向內容；LinkedIn 可用於知識型、產業觀點與專業服務；email 則方便把文章轉寄給同事。最終清單應以網站分析與實際分享事件為準。

這裡有一個實務上的關鍵觀念：分享網路的選擇，本質上是一種讀者輪廓的練習。你越清楚「誰會讀這篇文章、讀完他最可能把文章丟到哪裡」，你的網路清單就越精準。與其照著別人的推薦清單抄一遍，不如回頭看看你的 Google Analytics 裡，社群流量究竟是從哪幾個平台進來的，那才是屬於你這個站的真實答案。把分享管道和 社群媒體行銷實戰攻略 裡的整體社群策略一起想，才不會設定完卻跟你的行銷方向脫節。

第二步，決定按鈕的樣式

Monarch 提供幾種顯示樣式：可以用各平台自己的品牌色（彩色模式）、也可以統一成單色（例如全部用你網站的主色），形狀有圓角、方形、圓形可以選。這裡給一個直接建議：如果你的網站走簡約設計，按鈕統一用單色、搭你網站的主色，視覺上會乾淨很多；如果你的網站本身比較活潑、色彩豐富，用彩色模式反而能增加點擊誘因，因為讀者一眼就認得出 Facebook 是藍色、LINE 是綠色。

按鈕的尺寸也要順手決定。桌機上稍大的按鈕比較顯眼、好點擊，但放太大會在文章上下方占掉過多篇幅，擠壓到正文開頭的閱讀體驗。實務上常見的做法是文章內文區用中等尺寸，浮動側欄可以略大一些，靠著邊緣本來就是為了被注意到。記得設定完每種位置之後，實際到前台看一次呈現效果，不要僅信任後台的預覽縮圖，因為實際渲染在你的佈景與字體環境裡，常常和預覽有落差。

第三步，選擇顯示位置（這一步最重要）

Monarch 的核心競爭力其實就在這裡：它提供非常多的顯示位置選項，包括浮動側欄（Floating Sidebar）、文章上下方（Above/Below Content）、圖片上的分享按鈕（Media Shares）、自動彈出（Popup）、自動滑入（Fly-in）、；Popup 與 Fly-in 另可設定延時、捲動等觸發條件。每一種位置對應不同的讀者心理狀態，適合的位置仍要依內容、裝置與實測互動判斷，這部分會在後面專門拆開來講。

如果你想知道 Monarch 在整個 Divi 外掛生態裡和其他擴充工具的相對位置，可以參考 WordPress 外掛終極推薦清單，把視野拉大一點再回來決定配置。

關注按鈕設定：把訪客變成長期粉絲的入口

講完分享，換關注。切到 Monarch 的 Social Follow 分頁，這裡的設定邏輯和分享很像，但有一個根本差異：你填的不是「分享到哪」，而是「你的帳號在哪」。每一個關注網路都要填入你品牌的檔案網址，例如 Facebook 粉專網址、Instagram 帳號連結、YouTube 頻道網址。讀者點下去，就是直接跳到你的社群檔案，讓他按讚追蹤。

填網址這一步看起來機械，卻是最容易出錯的地方。最常見的錯誤是把個人帳號的網址填進去，結果讀者點過去僅看到一個「加好友」的按鈕，根本無從追蹤你的粉專。第二個常見錯誤是填到一個已經改名、搬移過的舊網址，點下去直接跳到 404。所以填完之後，務必每個連結都親自點開驗證一次，確認它真的通往你想讓讀者看到的那個檔案。這十分鐘的功，比任何花哨的按鈕樣式都值得。

Monarch 也可以在關注按鈕旁顯示粉絲人數，部分平台可透過 Network API 取得計數，Monarch 也提供手動填寫數值，實際支援的平台與授權方式需依現行設定確認。官方說明會快取 API 回傳的計數；是否造成可察覺的主機負載，應量測後再決定是否停用。

關注按鈕的關鍵不在「選哪些網路」，而在「放在哪裡」。分享按鈕要貼著內容走；關注按鈕則適合出現在品牌識別較強的頁首、頁尾、關於頁或側邊欄。

尤其頁首和頁尾，是全站都會出現的位置。把關注按鈕放頁首，等於在每個頁面都給讀者一個「追蹤我」的入口；放頁尾，則是把握讀者讀完整頁、對你產生信任的那個當下，遞出名片。兩者都建議放，差別在頁首用精簡版（三到四個主要平台）、頁尾可以放完整版。Divi 的頁首與頁尾設計本身就很靈活，可以搭配 Divi 頁首設計秘訣 一起規劃，把關注按鈕自然嵌進導覽列或頁尾欄位。

如果你想更進一步，把關注按鈕和側邊欄小工具結合，可以參考 WordPress 區塊小工具與側邊欄設定教學，把 Monarch 的關注按鈕當成一個小工具，放進文章側邊欄，讓讀者在閱讀過程中隨時看得到追蹤入口。

五種顯示位置各自的轉換心理學：按鈕放哪裡，決定有沒有人點

前面一直說位置很重要，這裡把 Monarch 的五種主要顯示位置，對應到讀者當下的心理狀態拆開來講。判斷位置好壞的標準僅有一個：讀者在這個當下，有沒有「分享的動機」。動機對了，按鈕才會被點；動機不對，按鈕放再大也沒用。

從這張表你可以看到一個清楚的結論：讀者看完內容後的文章下方值得先測試；哪個位置表現最好，仍須比較文章上方、側欄與文末的實際點擊資料。浮動側欄是折衷方案，好處是跟著捲動、隨時可點，但要小心手機版的空間問題。

彈出與滑入這兩種自動觸發的位置，則是用得更克制。它們的本質是「打斷」，打斷就有打斷的成本。可依文章長度測試延時、捲動深度或離開意圖等觸發條件，並檢查同一訪客是否頻繁看到提示；60% 或 30 秒不是通用最佳值。這和 CTA 行動呼籲按鈕設計指南 裡談的原則一致：行動呼籲要出現在讀者已經被說服的瞬間，一進門就朝他臉上貼，僅會惹人反感。

手機版的三個地雷：分享按鈕為什麼在行動裝置上特別容易出包

根據 Statista 的統計（2026 年 4 月），全球行動裝置的網站流量比重長期超過五成，手機上的遮擋與誤觸會直接傷害大量訪客。Google 的行動優先索引（2023 年 10 月）則表示主要使用行動版內容建立索引，不是額外的手機排名加分。

第一個地雷是浮動側欄擋住內容。Monarch 的浮動側欄在桌機上是貼著瀏覽器邊緣，很順手；Monarch 的手機版浮動側欄會收合成可滑出的按鈕，也能設定 Hide On Mobile Devices。實際是否遮擋文字或操作區，請用目標手機尺寸測試；若仍干擾閱讀，再關閉手機側欄並改用 Inline 等位置。

第二個地雷是點擊範圍太小。手機是用手指點，不是用滑鼠。按鈕之間如果太近、可點範圍太小，讀者想分享到 Facebook 卻誤觸旁邊的 LinkedIn，挫折感一來就直接放棄。Monarch 可以設定按鈕之間的間距，手機版記得加大一點，這不是美觀問題，是能不能被正確點擊的問題。如果你的站還在調整行動版的整體排版，可以順便參考 Divi 手機版排序的相關做法，把行動版的閱讀動線整體理順。

第三個地雷是外掛 CSS、JavaScript、圖示與分享計數請求增加手機負擔。實際載入內容會依啟用的位置、網路與計數設定而異，應以瀏覽器 Network 面板確認。

分享按鈕的效能成本，老實說

這裡要誠實地講一個很多人不願面對的事實：社群分享按鈕是有效能成本的。Google 官方在 2020 年 5 月談頁面體驗（Page Experience） 時，明確把載入速度、互動性、視覺穩定度列為影響使用者體驗的關鍵指標，而 web.dev 的研究也一再強調速度對留住讀者的影響。Monarch 是否拖慢首屏，取決於啟用的位置、網路資源與主題配置；先用相同頁面比較啟用前後的資源和 Core Web Vitals，再決定要精簡哪些功能。

分享按鈕的影響幅度會受主機、快取、主題與其他外掛影響，不適合套用固定毫秒數。判斷方式是實測：安裝前後以相同頁面與測試條件跑 PageSpeed Insights 或 Lighthouse，比較 LCP、阻塞時間與 Network 請求，再決定要不要調整。

如果實測有明顯影響，可先檢查頁面是否啟用了不需要的顯示位置與分享計數，再精簡網路清單，並用WordPress 快取外掛處理可安全快取的靜態資源。不要假設 Monarch 一定有某個延遲載入開關，應按目前版本的設定與 Network 請求決定。

換句話說，分享按鈕的效能成本不是「裝或不裝」的二選一，而是「裝了之後要不要做最佳化」的管理題。量測能找出成本；若調整後仍未達網站的效能目標，就要減少位置、關閉非必要功能或比較更輕的方案。

分享次數要不要顯示？社群證明的兩面刃

Monarch 可在按鈕旁顯示每篇文章的分享次數。這個功能看起來是裝飾，實際牽動的是社群證明（Social Proof）。

想像你自己滑到一篇陌生文章，標題下方掛著「已被分享 1,200 次」和另一篇掛著「已被分享 2 次」。兩個數字可能讓讀者對文章熱度產生不同印象，但不能由此推論大多數人必然選哪篇、會讀完或會分享。分享數只是可選的社群證明，是否有幫助應看實際點擊與閱讀資料。

但這把刀很利，反面一樣會傷到自己。一篇剛發布的新文章，分享數自然是零或個位數。如果你預設把計數打開，讀者看到的反而是「這篇沒什麼人分享」的訊號，等於自己幫自己潑冷水。實務上在處理內容站的分享設定時，會做這樣的判斷：新站、新文章、還沒累積出社會聲量的階段，先把計數關掉，讓按鈕安靜地存在就好；待主力內容有足夠且可信的分享數，再視讀者反應決定是否顯示計數，把社會證明當成放大器來用。

分享計數可能依平台 API、快取與 Monarch 的統計方式而有延遲或缺值，不適合當成精準分析報表。把它視為前端提示即可，成效仍用網站分析事件與引薦流量判斷。

講到這裡，你應該能體會：要不要顯示分享次數，考驗的是你對自己網站所處階段的判斷，遠超過一個開關那麼單純。判斷對了，社群證明幫你把信任放大；判斷錯了，同一個數字反過來勸退你的讀者。

讓分享按鈕真的被點的七個優化動作

設定完不等於完工。Monarch 裝好了、按鈕擺上去，讀者可不會自動去點。接下來這七個動作，是設定完成後逐一檢查的清單，每一個都會直接影響分享按鈕的實際點擊率。

1. 文章下方加一句引導文案。不要僅放一排按鈕就收工。在按鈕上方寫一句「這篇文章對你有幫助嗎？分享給可能也需要的朋友」，給讀者一個明確的行動理由，點擊率會明顯提升。
2. 精挑三到六個網路。別把二十個全勾上。依你的讀者所在平台挑選，留白比擠滿有效，視覺清爽讀者才看得見重點。
3. 確認 OG 標籤設定正確。用 Facebook 的分享除錯器（Sharing Debugger）實際跑一次你的文章網址，檢查縮圖、標題、描述有沒有正確被抓到。OG 沒設好，分享出去等於丟臉。
4. 測試手機版的點擊範圍。拿起手機實際點一次每個按鈕，確認間距夠、不會誤觸、不會擋住正文。手機是自己點給自己看最準。
5. 設定彈出與滑入的觸發條件。選擇讀者已獲得內容價值的觸發點，並限制同一讀者的彈出頻次，避免擾亂閱讀。
6. 用 GA 追蹤分享事件。把 Monarch 的分享動作接上事件追蹤，看哪一篇文章、哪一個平台帶來最多分享。沒有數據，你永遠在瞎猜。這部分搭配 WordPress 安裝 Google Analytics 教學 一起做。
7. 定期檢查社群網路清單。平台會改版、按鈕會失效、你的讀者分布也會變。每季花十分鐘重新檢視一次啟用的網路清單，把沒人點的拿掉，把新興平台補上。

這七個動作不複雜，但能拉開你和「裝完就放著」的站長之間的差距。分享按鈕的價值，是在持續優化裡慢慢兌現的。

哪些情況，不建議使用 Monarch

寫了這麼多 Monarch 的好，也得平衡一下。Monarch 並非所有情境的萬靈丹，接下來三種情況，反而會建議考慮別的方案。

第一，如果你需要的是某個主題專屬的深度整合。Monarch 可以搭配任何 WordPress 主題，但它不會自動繼承所有主題元件設定；這時應比較實際整合需求，而不是因為沒用 Divi 就直接排除。

第二，你極度在意效能、追求極致的首屏速度。Monarch 的功能較多，可能增加資源載入；應在實際頁面與極簡方案比較。如果你做的是那種一秒鐘都不能多等的高效能取向網站，可以考慮更輕量的方案，例如僅輸出純連結、不載入 SDK 的分享工具。比較其他分享方案時，應看它們的功能、資源載入與手機版呈現；本文後段也連到社群分享設定的延伸教學。

第三，你要的是「社群登入」這個完全不同的功能，它和社群分享是兩回事。這個混淆很常見。Monarch 做的是分享與關注，它不處理「讓訪商用 Facebook 帳號登入你的網站」這件事。如果你要的是社群登入，那屬於另一個類型的外掛，可以參考 LINE 登入 WordPress 教學 或 WooCommerce 社群登入設定，找對的工具。

排除這三種情況後，若你已在 Divi 生態裡、需要分享加關注，也願意調整位置與效能，Monarch 就是可評估的選擇。

把分享按鈕接上行銷漏斗：你的下一步

走到這裡，你應該已經能把 Monarch 從安裝、分享設定、關注設定、位置心理學、手機地雷、效能成本一路接到優化清單。但討論不該僅停在「按鈕設好了」，因為分享按鈕從來不是終點，它是行銷漏斗裡的一個節點。真正把它用滿，是把分享、關注、名單搜集這幾件事串起來，讓每一篇用心寫的內容都有機會被放大、被記住、最終把你這個品牌帶到更多人眼前。

很多站長把分享按鈕裝好就放著，從此再也沒回頭檢視過。但你的讀者組成會變、你的主力內容會變、社群平台的演算法和分享機制也會變。一組半年前有效的設定，半年後未必還是最佳解。於是，「定期檢查」才會被放進前面的優化清單：分享按鈕需要的是持續的小調整，而非一次性的大工程。

分享按鈕提供讀者傳播文章的入口，關注按鈕導向你的社群檔案；兩者都不保證流量或粉絲成長。若網站另有電子報策略，可以用 Bloom 提供訂閱表單，分別觀察分享點擊、社群追蹤與訂閱轉換。Bloom 專門做電子報訂閱表單，和 Monarch 是同一個會員方案打包的，兩個一起用，等於把漏斗的上層和中段補滿。Bloom 的設定可以看 Bloom 電子報外掛教學，電子報整體的行銷策略則參考 EDM 行銷完全指南。

再往上拉一層，社群這條線還可以接更多。如果你的站有嵌入 Facebook 粉專動態，可以搭配 WordPress 嵌入 Facebook 粉專教學，讓分享進來的人也能看到你社群的最新動態，加深品牌印象。如果你在做 IG 的自動化行銷，ManyChat IG 聊天機器人教學 和 Messenger 聊天機器人指南 能把分享進來的流量再往互動與轉換推一層。把這些環節想清楚，你裝的就不僅是一排按鈕，而是一套會自己運轉的引流系統；需要串接社群登入或 IG API 時，可參考 Meta for Developers 的 Facebook Login 與 Instagram Graph API 文件。

把落地的下一步整理成一個簡單的行動方案，你可以照著走。

1. 盤點你現有的社群資產。列一張清單：你有哪些粉專、哪些 IG 帳號、哪幾個平台的讀者真的活躍。這張清單決定 Monarch 要啟用哪些網路。
2. 設定 OG 標籤。先確認分享預覽的標題、描述、圖片與網址，結構化資料則另按搜尋需求設定。
3. 裝好 Monarch，先跑分享、再跑關注。分享放文章上下方與浮動側欄，關注放頁首頁尾。
4. 拿起手機實測。把七個優化清單逐一檢查，尤其是點擊範圍與浮動側欄是否擋內容。
5. 裝上快取外掛並跑一次 PageSpeed。量測 Monarch 對你站的實際效能影響，有問題就做延遲載入或精簡網路清單。
6. 接上 Bloom 與 GA。把分享、關注、訂閱表單串成漏斗，並用數據回頭檢視哪個環節有效、哪個要調。

分享按鈕看似是網站上一個不起眼的小元件，但它其實是你內容能不能被放大、你的品牌能不能累積粉絲的第一個關卡。把這個關卡設對，你寫的每一篇文章才真的有機會被更多人看見。現在就打開你的 Monarch 設定頁，對著上面這張行動清單，一步一步把它調到位吧。