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

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

直接講結論：Monarch 社群按鈕外掛（Social Sharing Plugin）是 Elegant Themes 旗下與 Divi 同一個生態系的工具，一份會員資格就把 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）、以及定時或捲動觸發的自動顯示。每一種位置對應不同的讀者心理狀態，選對了轉換率天差地別，這部分會在後面專門拆開來講。

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

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

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

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

Monarch 也可以在關注按鈕旁顯示粉絲人數，前提是在 Networks 開啟計數並完成各平台的 API 授權；自動同步會加重主機負載，流量大的站點建議改為定期手動更新數值，把主機資源留給頁面本身。

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

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

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

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

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

從這張表你可以看到一個清楚的結論：分享按鈕最有效的位置，是「讀者剛獲得價值」的那一刻，也就是文章下方。文章上方反而效果最差，因為讀者連內容都還沒看，根本沒有分享的理由。浮動側欄是折衷方案，好處是跟著捲動、隨時可點，但要小心手機版的空間問題。

彈出與滑入這兩種自動觸發的位置，則是用得更克制。它們的本質是「打斷」，打斷就有打斷的成本。建議把觸發條件設成「讀者捲動到頁面 60% 以後」或「停留超過 30 秒」才彈出，而且對同一個讀者一段時間內僅彈一次。這和 CTA 行動呼籲按鈕設計指南 裡談的原則一致：行動呼籲要出現在讀者已經被說服的瞬間，一進門就朝他臉上貼，僅會惹人反感。

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

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

第一個地雷是浮動側欄擋住內容。Monarch 的浮動側欄在桌機上是貼著瀏覽器邊緣，很順手；但手機螢幕窄，浮動按鈕很容易蓋住正文或圖片，讀者要一直把它撥開，體驗很差。Monarch 有提供手機版的開關，建議在窄螢幕上把浮動側欄關掉，改用文章下方的主位置，或改用底部貼齊的橫條樣式。

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

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

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

這裡要誠實地講一個很多人不願面對的事實：社群分享按鈕是有效能成本的。Google 官方在 2020 年 5 月談頁面體驗（Page Experience） 時，明確把載入速度、互動性、視覺穩定度列為影響使用者體驗的關鍵指標，而 web.dev 的研究也一再強調速度對留住讀者的影響。分享按鈕這類第三方腳本，正是拖慢首屏載入的常見兇手之一。

分享按鈕的影響幅度會受主機、快取、主題與其他外掛影響，不適合套用固定毫秒數。判斷方式是實測：安裝前後以相同頁面與測試條件跑 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 的分享工具。想知道市面上還有哪些分享外掛可以選，可以看 WordPress SEO 外掛完整評測 裡的相關討論，把視野拉開再決定。

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

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

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

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

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

分享帶來新流量，新流量裡有一部分會被你的內容說服，這時關注按鈕把他們變成粉絲，再下一步，用電子報把他們收進你的名單裡。Monarch 負責的是漏斗最上層的擴散與留客，而漏斗中段的把粉絲變成名單，正好是 Elegant Themes 另一個兄弟外掛 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 設定頁，對著上面這張行動清單，一步一步把它調到位吧。