• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
TechMoon 科技月球

TechMoon 科技月球

免費工具、WordPress、虛擬主機、 科技前端

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • A2 Hosting 主機
  • WordPress
    • WordPress 教學
    • WordPress 主題
    • WordPress 外掛
  • 免費資源
  • 優惠資訊
  • 自我提升
    • Excel 教學
    • 網路行銷
  • Udemy 免費課程
  • 虛擬主機總覽
目前位置: 首頁 / 線上工具 / LINE Social Plugins – 免費線上官方教學,幫助你添加 Line 官方分享、加入好友與按讚按鈕
LINE Social Plugins - 免費線上官方教學,幫助你添加 Line 官方分享、加入好友與按讚按鈕

LINE Social Plugins – 免費線上官方教學,幫助你添加 Line 官方分享、加入好友與按讚按鈕

Last Updated on 2020-08-05 By Sliven Leave a Comment

Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
3 分鐘閱讀

LINE 在台灣目前是最大的社群媒體之一,現在大部分的網站在放置分享按鈕時,除了提供 Facebook 分享按鈕之外,漸漸的也可以看見 LINE 的分享或點讚按鈕,讓文章能夠更容易透過這些熱門的社群工具進行傳遞。

除了常見的使用第三方分享外掛所提供的 LINE 分享按紐之外,該如何在自己的網站當中,添加「Line 分享」、「Line 加入好友」與「Line 點讚」按鈕呢?

幸運的是,LINE 官方本身就有提供非常方便的設定頁面,在頁面中只需要添加你的網址或 LINE ID,就會可以自動產生「LINE 分享」按鍵、「加入好友」按鍵與「讚」按鍵。

Line it! Button
LINE 分享
Add Friend
LINE 加入好友
Like Button
LINE 讚

網站名稱:LINE Social Plugins
網站網址:https://social-plugins.line.me/zh_TW/

目錄
  1. 1. LINE 社群外掛簡介教學
  2. 2. 設定「LINE 分享」按鍵
  3. 3. 設定「加入好友」按鍵
  4. 4. 設定「讚」按鍵
  5. 5. 你可能有興趣
  6. 6. 更多相關文章

LINE 社群外掛簡介教學

接下來教你如何透過 Line 官方的設置頁面,添加 Line 社群外掛。

第 1 步

設定「LINE 分享」按鍵

在「LINE 分享」按鍵的設定區塊,首先輸入你想要設置「LINE 分享」按鍵的網站網址,接著選擇你想要顯示的按鈕樣式,目前有 6 種不同的設計樣式可供選擇,同時你還能選擇是否顯示分享次數,以及調整顯示按鈕的大小。

你可以在下方即時看到預覽結果,確認你所設置的樣式後,就可以複製右方自動產生的程式碼,並貼上你的的網頁中想要呈現按鈕的位置:

設定「LINE 分享」按鍵
設定「LINE 分享」按鍵
第 2 步

設定「加入好友」按鍵

「加入好友」按鍵可以讓訪問網頁的使用者直接點選並加入你的 LINE 好友。想要啟用加入好友功能,僅限於持有 LINE 官方帳號或是 [email protected] 帳號的使用者。

因此,如果你是一般的使用者,那麼就無法輸入普通的 LINE ID 來顯示加入好友按鈕。

「加入好友」按鍵目前有提供 3 種不同的按鍵樣式:

  1. 顯示好友人數以及前往首頁的按鍵
  2. 顯示好友人數
  3. 僅顯示「加入好友」按鍵

根據你所需要的樣式進行選擇,在下方也可以即時看到預覽按鍵的顯示樣式。選擇完成後,即可複製預覽按鍵旁邊所產生的程式碼,並將程式碼貼至想要顯示按鈕的位置:

設定「加入好友」按鍵
設定「加入好友」按鍵
第 3 步

設定「讚」按鍵

「讚」按鍵可以讓你在網頁中顯示點讚、分享的功能,讓你能夠即時得知使用者對內容的喜好反映。在「讚」按鍵功能當中,有 2 種不同的「分享」選項設定,一種是「按讚並分享」,另外一種是「按讚」。

如果你選擇的是「按讚並分享」選項,那麼使用者點選後,不僅會點讚,還會分享這篇頁面到他的主頁當中,並顯示於好友的貼文串上。

若你選擇的是「按讚」選項,那麼就不會發表在使用者的主頁當中。

設定「讚」按鍵
設定「讚」按鍵

在「讚」按鍵的設定中,還有一個額外的功能。那就是可以在點讚的按鈕中,追加加入好友的選項。

在「讚」按鍵中的「加入好友」選項設定裡,你可以選擇「含追加選項」,接著輸入 LINE 官方帳號或是 [email protected] 帳號的 LINE ID,你的「讚」按鍵旁邊就會出現「+ 好友」的選項。當使用者點讚時,就會導向至加入好友頁面:

在按讚功能中同時啟用加入好友功能
在按讚功能中同時啟用加入好友功能
LINE Social Plugins - 免費線上官方教學,幫助你添加 Line 官方分享、加入好友與按讚按鈕

LINE Social Plugins 評價推薦優點

  • 官方提供的設置功能
  • 免費設定 LINE 社群按紐
  • 不會程式也能產生按紐功能

你可能有興趣

  • Neumorphism CSS Generator – 新擬態風格圖形樣式產生器,線上客製化最新軟 UI 風格與產生 CSS 程式碼
  • Ray.so – 免費程式碼轉換圖片線上工具,將代碼製作成精美的色彩圖片可自由客製化圖片外觀
  • Adobe Photoshop Express – 免費線上圖片編輯服務,提供圖片裁切、調整大小、修飾與套用濾鏡效果
  • Wunderstock – 超過 1 千萬 CC0 免費圖片,提供壓縮後圖片與免費線上圖片編輯工具
  • Diff Checker Text – 免費線上檢查文字或檔案不同之處,可支援文字、圖片、PDF 檔案、Excel 檔案多種格式
  • Logaster – 免費 Logo 線上產生器,一秒建立網站 Logo 與 Favicon 打造獨特品牌 Logo 圖示
  • OFFF.to – 無須註冊免費縮短網址服務,可直接在網址列當中縮短網址並獲得分析數據
  • Speedcheck – 免費線上測速工具,快速測量網路上傳/下載速度與延遲的真實數據
  • YoutubeDLD – 一鍵免費下載 Youtube 影片,在網址加上 DLD 即可 Download
  • Internxt Drive – 替代 Google Drive 免費 2 GB 雲端空間服務,採用加密與分佈式技術保護你的網路資料
  • Screenity – 強大且免費的開源教學影片錄製工具,能錄製螢幕畫面與輸入文字動畫的 Chrome 擴充功能
  • Tint & Shade Generator – 線上色調陰影產生器,輸入色碼後自動產生深淺漸變色並能一鍵複製色碼

更多相關文章

  • 14 個最佳 WordPress Cache Plugins 緩存快取外掛推薦 - 2020 免費/付費通通有
  • SugarHosts 主機評價(2021 年 2 月)- 糖果主機 6 折優惠碼一鍵安裝 WordPress,使用超過 4 年的虛擬主機推薦經驗與教學
  • ShortPixel - 免費線上圖片壓縮服務,高壓縮比率且圖片不失真,支援 WordPress 外掛自動優化上傳圖片!
  • 網站速度測試分析與優化指南
  • Darkmode.Js - 快速幫網站加入 Dark Mode 深色主題、黑暗版本、夜間模式自動轉換功能
  • Filester – File Manager Pro ,取代 FTP、SFTP 直接在 WordPress 後台中存取檔案資料
  • WooCommerce 是什麼?WooCommerce 中文懶人包,免費利用 WooCommerce 外掛建立購物車系統
  • Education.com - 超過三萬個免費線上資源,讓小孩在玩樂中也能輕鬆學習!
  • WP Umbrella - 免費 WordPress 運行監測工具,監視網站正常運行、性能表現與錯誤偵測資訊
  • WPX Hosting 主機評價(2021 年 2 月)- CP 值超高虛擬主機推薦,建立快速 WordPress 網站最佳的虛擬主機商
  • 【WordPress 付費主題免費下載】Sigma - Multipurpose WordPress Theme
  • 【2020 最新】15 個最佳 WordPress Newsletter 電子報訂閱外掛

如果你喜歡這篇文章,請幫我們將這篇文章分享出去。你也可以在 Facebook 與 Instagram 上按讚追蹤我們,也歡迎加入 Facebook 粉絲團和我們一同交流!

所屬分類: 線上工具, 免費資源 標籤: LINE, LINE Social Plugins, LINE 社群外掛

關於 Sliven

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

讀者互動

發佈留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • 【WordPress 付費主題免費下載】AppArt – Creative WordPress Theme For Apps Saas
  • Neumorphism CSS Generator – 新擬態風格圖形樣式產生器,線上客製化最新軟 UI 風格與產生 CSS 程式碼
  • Ray.so – 免費程式碼轉換圖片線上工具,將代碼製作成精美的色彩圖片可自由客製化圖片外觀
  • Humanotion – 免費 192 個 Avatar 頭像與 6 種不同背景,採 CC0 許可授權可商用大頭貼圖像
  • G Suite 教育版更名為 Google Workspace for Education,並取消無限制儲存空間限制至 100 TB
  • Adobe Photoshop Express – 免費線上圖片編輯服務,提供圖片裁切、調整大小、修飾與套用濾鏡效果
  • Wunderstock – 超過 1 千萬 CC0 免費圖片,提供壓縮後圖片與免費線上圖片編輯工具
  • Diff Checker Text – 免費線上檢查文字或檔案不同之處,可支援文字、圖片、PDF 檔案、Excel 檔案多種格式
  • Logaster – 免費 Logo 線上產生器,一秒建立網站 Logo 與 Favicon 打造獨特品牌 Logo 圖示
  • Lens – Mac 免費開源圖片格式轉換工具,可批次處理大量圖片支援 JPG、PNG 與 GIF 格式
Bluehost best deal from TechMoon $2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • UpdraftPlus - WordPress 免費自動備份外掛,一鍵輕鬆打包網站與資料庫內容,還可免費上傳至多個雲端儲存空間
  • WP Umbrella - 免費 WordPress 運行監測工具,監視網站正常運行、性能表現與錯誤偵測資訊
  • 如何讓使用者在 WordPress 中檢舉不當留言並回報給網站管理員
  • Feedly - 超好用的 RSS 免費訂閱服務完整攻略,讓你隨時接收訂閱網站的最新消息
  • Fotor 評價 - 跨平台 APP 免費線上圖片編輯軟體,照片美化與合併完整教學
  • 如何在 WordPress 中自動顯示 WebP 圖片格式
  • 【WordPress 付費外掛免費下載】Responsive Posts Carousel WordPress Plugin
  • (2021 年 1 月)Udemy 免費課程優惠碼 - 付費課程限時折扣 0 元免費線上學習
  • Detailed SEO Extension - Google Chrome 免費 Google SEO 分析工具擴充功能
  • Disable Comments - 允許管理者禁用任何文章類型留言評論的 WordPress 外掛

相關文章

  • Diff Checker Text – 免費線上檢查文字或檔案不同之處,可支援文字、圖片、PDF 檔案、Excel 檔案多種格式
  • 【WordPress 付費主題免費下載】Aiteko – Creative Portfolio Ajax Elementor WordPress Theme
  • Iconstore – 高畫質免費 Icons 圖標庫,234+ 個圖標集合包,CC0 可免費作為商業用途
  • Gifing – 線上免費無版權影片、Gifs 圖片素材,可下載與商業使用無須註明出處來源
  • metatags.io – 替你的網站自動產生 Meta Tag 元標籤屬性,改善網站排名的 SEO 工具
  • Humans by Wannathis – 人類 3D 角色素材包高達 80 種角色模型,提供 Fima 與 PNG 圖片格式免費下載
  • Keychat.online – 免費線上私密聊天工具,無須註冊即可設置密碼與分享連結與他人一對一交談
  • Free Typography Logo Maker – 一秒建立文字 Logo 快速產生器,同時建立黑白兩種 Logo 版本
  • Mixkit – CC0 可商用免費影片、音樂素材下載
  • Image Colorizer – 免費線上圖片色彩優化工具,透過 AI 將黑白圖片進行著色與細節優化
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明