LINE Social Plugins 免費教學，做出分享、加入好友與按讚按鈕

LINE Social Plugins 是 LINE 官方提供的免費網頁按鈕產生器，只要輸入網址或 LINE ID，就能產生「分享」、「加入好友」和「按讚」三種按鈕的 HTML 程式碼，貼進網站即可使用，完全不需要寫程式。

網站名稱：LINE Social Plugins
網站網址：https://developers.line.biz/en/docs/line-social-plugins/

LINE Social Plugins 是 LINE 官方免費提供的網頁元件產生器，原本的獨立網址 social-plugins.line.me 已併入 LINE Developers 文件區，舊網址會自動轉址。站長不需要具備任何程式基礎，只要在頁面上輸入網址或 LINE ID，就能自動產生可嵌入網站的 HTML 程式碼。截至 2026 年 9 月，這項工具在新位置仍正常運作，產生器的按鈕語言維持提供中文繁體選項，最近一次官方使用條款修訂是在 2026 年 8 月。

LINE 在台灣的月活躍用戶超過 2,200 萬，滲透率超過九成，幾乎每位台灣網路使用者每天都會打開 LINE。對經營網站的人來說，在頁面上放置 LINE 社群按鈕，能讓讀者一鍵把文章分享到群組或好友聊天室，這個動作的摩擦力比「複製網址、切換到 LINE、貼上」低很多。如果你的網站受眾以台灣使用者為主，LINE 分享按鈕帶來的回流率在很多情境下不輸 Facebook。這是做SEO和站內優化之外，另一條值得投入的流量路徑。

這套工具提供三種按鈕，功能各自獨立，可以單獨使用也可以搭配組合。

分享按鈕讓訪客一鍵將當前頁面傳送到 LINE 的聊天室或貼文串。使用者點擊後會跳轉到 LINE 的分享介面，自行選擇要傳給哪位好友或哪個群組。這是三種按鈕中最泛用的一種，因為站長不需要擁有 LINE 官方帳號就能使用，也不需要登入任何帳號。

加入好友按鈕（Add Friend Button）

加入好友按鈕讓訪客直接從你的網頁加入你的 LINE 官方帳號。這個功能僅限持有 LINE 官方帳號（前身為 LINE@ 帳號）的使用者。如果你只有一般個人 LINE 帳號，必須先到 LINE 官方帳號管理頁面申請，取得 LINE ID 之後才能設定這個按鈕。

按讚按鈕（Like Button）

按讚按鈕提供較輕量的互動方式，訪客可以對頁面按讚，幫助你衡量內容成效。它也能和加入好友功能搭配，讓使用者在按讚的同時一併加你為好友。要留意的是，官方文件註明按讚按鈕在 Safari 瀏覽器上可能因為 Apple 的 ITP 政策而無法正常運作。

三種按鈕功能比較

功能	需要官方帳號	主要用途	按鈕樣式數量
分享按鈕	不需要	讓訪客分享網頁到 LINE 聊天室或群組	6 種
加入好友	需要（LINE 官方帳號）	讓訪客直接加入你的 LINE 官方帳號好友	2 種
按讚按鈕	不需要（追加好友功能需要）	記錄按讚數衡量內容成效，可選擇同時顯示加入好友按鈕	2 種

設定「分享」按鈕的步驟

進入 LINE Social Plugins 的 Share buttons 設定頁後，照著頁面上的步驟依序設定。目前官方文件將三種按鈕分成三個獨立頁面，以下先說明分享按鈕的設定。

步驟 1：輸入要分享的網址

先在頁面頂端選擇按鈕語言（提供中文繁體選項），接著在 Set URL 欄位輸入你想讓使用者分享的目標網址。可以是網站首頁、某篇文章的網址，或任何你想推廣的頁面連結。如果你打算搭配縮網址工具來追蹤分享成效，可以先產生帶有 UTM 參數的短網址再填入。

步驟 2：選擇按鈕樣式

輸入網址後，下一步選擇按鈕外觀。LINE 提供 6 種設計樣式，從簡潔的圖示按鈕到帶有文字說明的版本都有。你也可以設定兩個額外選項：是否在按鈕旁邊顯示分享次數，以及按鈕的顯示大小（大型或小型）。選擇時考量網站整體風格，按鈕不要太突兀也不要太小到容易被忽略。

步驟 3：複製程式碼

設定區塊下方有即時預覽區域，確認按鈕樣式符合需求後，先勾選同意 LINE Social Plugins 使用規範，頁面就會顯示自動產生的程式碼，點擊即可複製整段 HTML。把這段程式碼貼到你網頁中想顯示按鈕的位置即可。如果你使用 WordPress，後面的段落會詳細說明嵌入方式。

設定「加入好友」按鈕的步驟

設定加入好友按鈕之前，先確認你已經擁有 LINE 官方帳號。LINE 在 2019 年已將原本的 LINE@ 服務整併到「LINE 官方帳號」體系，現在統一稱為 LINE 官方帳號。一般個人 LINE 帳號的好友上限較低，也沒有推播訊息和自動回應等功能，無法使用加入好友按鈕。申請 LINE 官方帳號的基本流程是：前往 LINE Biz-Solution 管理頁面並登入、選擇建立官方帳號、填寫帳號名稱與基本資訊、選擇免費或付費方案，完成後就會取得一組 LINE ID。

步驟 1：輸入 LINE 官方帳號 ID

在官方帳號 ID（Official account ID）欄位，填入你的 LINE 官方帳號 ID。這組 ID 是使用者在 LINE 搜尋列中輸入用來找到你帳號的名稱，和你個人帳號的名稱不同。如果不確定自己的 LINE ID，可以到 LINE 官方帳號管理後台的帳號設定中查看。

步驟 2：選擇按鈕樣式

加入好友按鈕提供 2 種樣式：顯示好友人數、或僅顯示「加入好友」按鈕。如果你的好友數量已經有規模，第一種樣式能產生社會認同效果。如果是剛起步的帳號，第二種簡潔樣式比較不會讓人注意到數字。這跟電子報訂閱或數位名片的設計邏輯類似，取決於你想呈現什麼樣的品牌形象。

步驟 3：複製程式碼

選好樣式後，下方會即時預覽按鈕外觀。確認沒問題就複製右側自動產生的程式碼，貼到網頁的適當位置。

設定「按讚」按鈕的步驟

按讚按鈕有兩種類型：「按讚」和「按讚並加入好友」。純「按讚」只增加頁面上的按讚計數，適合想收集讀者回饋的場景。「按讚並加入好友」會在按讚按鈕旁多一個加好友按鈕，需要輸入 LINE 官方帳號 ID。官方已在 2021 年 3 月移除早期「按讚並分享」到主頁貼文串的模式，現在按讚不會把頁面內容公開到使用者的 LINE 主頁。

設定時同樣先選按鈕語言、輸入網址，再選擇按鈕類型。選擇「按讚並加入好友」並輸入你的 LINE 官方帳號 ID，按讚按鈕旁就會多出一個加好友按鈕，讓使用者在按讚時同時看到加入好友的引導，一個元件同時累積按讚數和拓展好友基礎。另外注意，按鈕網址的網域必須和實際嵌入的頁面一致，否則按鈕不會作用。

在 WordPress 網站中嵌入按鈕的三種方法

產生按鈕程式碼之後，接下來要把程式碼放進網站。如果你使用 WordPress 架站，以下三種方法從簡單到進階依序說明。

方法一：透過自訂 HTML 區塊貼上程式碼

這是最直接的做法。在 WordPress 的 Gutenberg 區塊編輯器中，新增一個「自訂 HTML」區塊，把從 LINE Social Plugins 頁面複製的程式碼貼進去。你可以把這個區塊放在文章標題下方、文章內容中間，或文章結尾處。如果你還在習慣 Gutenberg 編輯器，或者剛從傳統編輯器轉過來，「自訂 HTML」區塊的使用方式跟貼上文字一樣直覺。優點是彈性最高，能精準控制每篇文章顯示按鈕的位置；缺點是需要手動在每篇文章中貼上程式碼。

方法二：使用佈景主題的 Widget 區域

大部分 WordPress 佈景主題都提供側邊欄、頁尾等區域的 Widget 位置。到 WordPress 後台的「外觀 > Widget」頁面，新增一個「自訂 HTML」Widget，把 LINE 按鈕的程式碼貼進去，再放到想顯示的位置。這個方式一次設定就能讓按鈕在全站的特定區域持續顯示，不需要每篇文章都重複操作。

方法三：透過 functions.php 全站自動嵌入

對於有技術基礎的站長，可以在子佈景主題的 functions.php 檔案中加入程式碼，利用 WordPress 的 the_content hook 讓 LINE 按鈕自動在每篇文章的特定位置顯示。優點是一次設定永遠生效，新增的文章也會自動帶上按鈕。不過修改 functions.php 屬於進階操作，建議先在測試環境確認效果再套用到正式網站。如果你正在找適合的正式主機方案，可以參考 EasyEngine 安裝 WordPress 教學或直接選擇 Hostinger 等平價主機。

至於嵌入位置，根據實際營運經驗，以下幾個位置的互動率通常較高：文章標題下方（讀者剛看到標題、對內容產生興趣時容易順手分享）、文章結尾處（讀完文章覺得有收穫，分享意願最高）、側邊欄固定區域（全站可見，適合放加入好友按鈕）。在行動裝置上，LINE 按鈕的顯示效果尤其重要，因為 LINE 本身是以行動端為主的應用，手機使用者點擊分享按鈕的轉換率通常高於桌面版。

這套按鈕適合你嗎？適合與不適合的判斷

情境	適合使用	原因
經營台灣市場的內容網站或部落格	適合	LINE 在台灣滲透率超過九成，分享按鈕能帶來有效回流流量
有 LINE 官方帳號的商家或品牌	非常適合	可以同時使用三種按鈕，搭配好友推播與客服
網站受眾以歐美或東南亞為主	不適合	LINE 的用戶集中在日本、台灣、泰國、印尼，其他地區效果有限
純靜態網站、不支援嵌入 JavaScript	不適合	LINE Social Plugins 產生的程式碼包含 JavaScript，需要目標頁面能執行

限制與注意事項

使用 LINE Social Plugins 時，有幾個限制需要了解。

加入好友按鈕需要 LINE 官方帳號。一般個人 LINE 帳號無法使用這個功能。如果你還沒有官方帳號，需要先到 LINE Biz-Solution 申請。免費方案每月可推播的訊息次數有限（目前為 500 則），付費方案才有更高的推播額度。

按鈕程式碼包含 JavaScript。如果你的網站平台不支援嵌入自訂 JavaScript（例如某些免費部落格平台的限制），按鈕可能無法正常顯示。LINE Social Plugins 產生的是標準 HTML 加上 script 標籤，在 WordPress、Blogger、Shopify、Wix 等支援自訂 HTML 的平台上都能正常運作。

分享次數統計有延遲。按鈕旁顯示的分享計數不是即時更新，通常有幾分鐘到幾小時的延遲。如果你的網站有使用快取外掛，也可能因為快取讓前端顯示的數字不是最新。清除快取後就能看到更新後的數值。

成效追蹤需要額外設定。想知道 LINE 分享帶來多少流量，最基本的方法是在分享按鈕的目標網址後面加上 UTM 追蹤參數，例如 ?utm_source=line&utm_medium=share&utm_campaign=social_button。這樣當使用者在 LINE 裡點擊連結回到你的網站時，Google Analytics 就能準確辨識流量來源。同時別忘了做好Meta Tag 設定，確保每個平台分享時的預覽資訊正確，包括標題、描述和縮圖。

留意網站載入速度。社群按鈕的 JavaScript 載入可能對網站載入速度產生些微影響。如果發現按鈕腳本拖慢了網站，可以考慮延遲載入（lazy load），讓按鈕在使用者捲動到對應位置時才開始載入。

立即可執行的三個下一步

1. 前往 LINE Social Plugins 官方頁面產生分享按鈕。打開 Share buttons 設定頁，輸入你的網站首頁網址，選一個樣式，複製程式碼。判斷標準：按鈕預覽看起來自然、沒有被截斷，就算合格。預期結果：你手上會有一段可以直接貼進網站的 HTML 程式碼。

2. 把程式碼貼進 WordPress 的自訂 HTML 區塊。選一篇流量最高的文章，在文章結尾加一個「自訂 HTML」區塊貼上程式碼。判斷標準：儲存後預覽文章，按鈕在手機和電腦上都能正常顯示且可以點擊。預期結果：這篇文章開始接收來自 LINE 的分享流量。

3. 觀察一週的分享資料，再決定是否擴大使用。安裝 Site Kit by Google 外掛或直接在 Google Analytics 中觀察來自 LINE 的流量。觀察重點：LINE 帶來的工作階段數、跳出率、平均停留時間。如果跳出率低於全站平均，代表 LINE 分享帶來的流量品質不錯，值得擴大到更多文章。預期結果：你會有資料支撐下一步要加按鈕還是調整位置。

常見問題 FAQ

LINE 分享按鈕需要付費嗎？

完全免費。LINE Social Plugins 是 LINE 官方提供的免費工具，任何人都可以使用分享按鈕的程式碼產生功能，不需要付費也不需要登入帳號。不論你的網站是放在 Hostinger、DreamHost 或任何其他 WordPress 主機上，這個工具同樣適用。

一般個人 LINE 帳號可以使用加入好友按鈕嗎？

不行。加入好友按鈕僅限 LINE 官方帳號的使用者。如果你只有一般個人 LINE 帳號，必須先到 LINE 官方帳號管理頁面申請一個官方帳號，取得 LINE ID 後才能設定。不過分享按鈕和純按讚按鈕不需要官方帳號。

LINE 按鈕在手機上能正常顯示嗎？

可以。LINE Social Plugins 產生的按鈕是響應式設計，在桌面瀏覽器和行動裝置上都能正常顯示和運作。事實上，因為 LINE 本身是以行動端為主的應用程式，手機使用者點擊分享按鈕的轉換率通常比桌機使用者更高。不論你的網站是放在 A2 Hosting 還是 SiteGround 上，按鈕的顯示效果都不受影響。

LINE 按讚按鈕和 Facebook 按讚有什麼不同？

LINE 按讚的重點是幫你衡量內容成效，還能搭配加入好友選項，直接把讀者變成官方帳號好友；Facebook 的按讚通常只是記錄互動，影響力在 Facebook 的社交圖譜中擴散。LINE 過去曾有「按讚並分享」到主頁貼文串的模式，已在 2021 年 3 月移除。另外，官方文件註明 LINE 按讚按鈕在 Safari 上可能因 Apple 的 ITP 政策無法正常運作，安裝後建議跨瀏覽器測試。

LINE Social Plugins 支援哪些網站平台？

LINE Social Plugins 產生的是標準 HTML 程式碼，理論上可以嵌入到任何支援自訂 HTML 的網站平台，包含 WordPress、Blogger、Blogspot、Shopify、Wix、Squarespace 等。最方便的還是 WordPress，因為它有完整的自訂 HTML 區塊和 Widget 功能。如果你還沒有網站，可以參考用 Bluehost 快速架站的步驟快速架站，或看看這篇 WordPress vs Blogger 比較來選擇適合的平台。