Telegram 推出免費留言系統 Comments for Websites 整合網站部落格教學 – Telegram简体版

Telegram

@media (max-width: 1200px) {

}body .novashare-buttons.novashare-inline .novashare-button-icon { width: 100%; }FacebookTwitterPinterestLineShare

Telegram 推出免費留言系統 Comments for Websites 整合網站部落格教學

Telegram 是我相當喜愛的即時通訊軟體,可惜在台灣使用族群較不普遍,多半還是依賴 LINE 和 Facebook Messenger,相較之下 Telegram 操作速度快,支援各種常見平台,甚至在很早以前就以 Swift 程式語言重新編寫 iOS、macOS 應用程式,無論是速度、效能和省電各方面都比一般應用程式來得更好,重點是隱私安全性更高,不用強迫接收過度干擾生活或工作的廣告訊息,如果你有在關注 Telegram Blog,會發現這家公司技術力超強,不斷開發、嘗試各種讓生活更便利的可能性。

最近 Telegram 推出的「DiscussBot」帶來兩項新功能:為頻道(channels)加入留言、在網站加入留言框(Comments Widget),其中網站留言框更是令人期待!之前在寫 CommentBox.io 服務介紹時就曾提到現在可以選擇的留言系統越來越少,大部分網站都使用 Facebook Comments,有一部分則是使用 Disqus,而 Google+ 留言功能現在也已經走入歷史,在 Telegram 跳進來後站長們現在又有一個全新的留言系統可以選擇。

Telegram 的 Comments Widget 是一個非常簡單、乾淨且沒有廣告的留言系統,只要透過授權、設定就會產生對應的 JavaScript 程式碼,加入網站就能使用。Comments Widget 允許管理者調整每頁要顯示的留言數、高度、配色、Likes 按鈕和圖示風格,也有不同權限、封鎖用戶功能,雖然看起來功能上還沒有非常完整(例如沒有一個彙整留言的管理平台),但依舊是相當值得期待的工具。

網站名稱:DiscussBot
網站鏈結:https://comments.app/

使用教學

STEP 1

開啟 DiscussBot 網站,點選右側 Comments for websites 下方的「Log In to Connect」,在這裡需要先登入 Telegram 帳號進行驗證和授權,選擇國家會出現國碼,在後方輸入電話後到下一步。

Telegram DiscussBot

接著回到 Telegram 點選確認鏈結,跳出 DiscussBot 需要存取權限的提示畫面按下「Accept」接受後就能開始使用。

Telegram DiscussBot

STEP 2

回到 Telegram DiscussBot 網站,點選「Connect Website」將網站留言功能連結到你的網站。

Telegram DiscussBot

設定一下網站名稱、網域名稱(Domains),點選「Connect Website」連結,在這裡好像沒有限制一個帳號可以新增多少網站,如果有多個網站想使用 Telegram 留言系統,則必須將每個網域名稱個別加入才行。

Telegram DiscussBot

STEP 3

預設情況下 Comments Widget 會在每頁顯示五篇留言,留言框高度自動偵測,底下有個 Page ID 預設會使用頁面網址帶入,無需更改,除非你有其他需求才會用到。

複製下方的「Embed Code」將它放到網站要顯示留言的區塊後就能看到效果。

Telegram DiscussBot

STEP 4

點選「Customize Appearance」開啟外觀自訂選項,在這裡可選擇不同的配色、對不同使用者名稱使用不同顏色、開啟 Likes 和 dislikes 功能或調整圖示風格,選擇後會在下方即時更新預覽。因為這些選項都是以參數帶入,如果有更動的話程式碼部分也會不同,必須更換程式碼才會看到效果。

Telegram DiscussBot

STEP 5

Telegram 的 Comments Widget 看起來效果像下圖,目前沒有中文介面,內建 Likes、回覆、編輯留言或刪除等功能,亦支援留言上傳相片,對話框看起來很乾淨、清楚,如果想測試一下 DiscussBot 也可連結到 https://comments.app/view/FLRGs2N1 官方提供的範例。從留言系統右上角的功能選項可以訂閱留言通知,或開啟設定管理功能。

Telegram DiscussBot

值得一試的三個理由:

  1. Telegram 推出留言系統,可加入自己的網站或部落格
  2. 速度快、操作簡單,具備評分、回覆、上傳等基本功能
  3. 可自訂配色、顯示留言數和高度等選項

相關文章

  • CommentBox.io 沒有廣告、不追蹤用戶隱私的網站留言系統
  • 設定 Facebook「留言同步」功能教學,讓你的網站和粉絲專頁顯示相同留言
  • 為 Facebook Comments 留言外掛程式加入延遲載入 Lazy Load 功能教學
  • Disable Comments 完整停用 WordPress 留言和引用相關功能

Ten articles before and after

將 Telegram 介紹語言設定為繁體中文,手機或電腦版適用 – Telegram简体版

開啟 Telegram 兩步驟驗證,手機接收簡訊後需再輸入靜態密碼才能登入 – Telegram简体版

T-Drive 基於 Telegram 免費、安全且無限容量雲端儲存空間 – Telegram简体版

电报Telegram新手使用教程一 下载安装与汉化 | TG 繁体版

电报Telegram新手使用教程二 Telegram常用设置 | TG 繁体版

Telegreat 非官方 Telegram 應用程式下載,台灣網友開發改進多種功能 – Telegram简体版

Telegram X 以 Swift 重新編寫應用程式 iOS、macOS 版免費下載 – Telegram简体版

mssg.me 將即時通訊按鈕集中在單一頁面,可建立 QR Code 及個性化網址 – Telegram简体版

Telegraph:Telegram 推出免費線上發佈平台,支援 Markdown 嵌入功能 – Telegram简体版

Pepper 為網站加入免費小工具,顯示社群網站、Email、電話等聯絡資訊 – Telegram简体版

About Me

Pretium lorem primis senectus habitasse lectus donec ultricies tortor adipiscing fusce morbi volutpat pellentesque consectetur risus curae malesuada dignissim lacus convallis massa mauris.